diff --git a/packages/analytics/analytics-chart/README.md b/packages/analytics/analytics-chart/README.md index 6d4a2eb16e..60562c21b6 100644 --- a/packages/analytics/analytics-chart/README.md +++ b/packages/analytics/analytics-chart/README.md @@ -94,7 +94,7 @@ yarn add @kong-ui-public/analytics-chart - type: `string` - required: `false` -- default: `'400px'` +- default: `'500px'` - set the chart height using css height values (px, %, etc...) #### `width` diff --git a/packages/analytics/analytics-chart/sandbox/App.vue b/packages/analytics/analytics-chart/sandbox/App.vue index 90ffc98af0..c8e1ac2656 100644 --- a/packages/analytics/analytics-chart/sandbox/App.vue +++ b/packages/analytics/analytics-chart/sandbox/App.vue @@ -360,9 +360,15 @@ const metricItems = [{ unit: 'bytes', }] +// Short labels const statusCodeLabels = [ - '200', '300', '400', '500', 'This is a really long chart label to test long labels', + '200', '300', '400', '500', ] + +// Long labels +// const statusCodeLabels = [ +// 'getmeakong123', 'getmeakong123123', 'testservice1233', 'testtesttest123123', 'This is a really long chart label to test long labels', +// ] const statusCodeDimensionValues = ref(new Set(statusCodeLabels)) const serviceDimensionValues = ref(new Set([ diff --git a/packages/analytics/analytics-chart/src/components/AnalyticsChart.vue b/packages/analytics/analytics-chart/src/components/AnalyticsChart.vue index 815b61b928..e306714429 100644 --- a/packages/analytics/analytics-chart/src/components/AnalyticsChart.vue +++ b/packages/analytics/analytics-chart/src/components/AnalyticsChart.vue @@ -48,6 +48,7 @@