diff --git a/src/components/vanilla/charts/BarChart/BarChart.emb.ts b/src/components/vanilla/charts/BarChart/BarChart.emb.ts index d1999cd2..ad0b1107 100644 --- a/src/components/vanilla/charts/BarChart/BarChart.emb.ts +++ b/src/components/vanilla/charts/BarChart/BarChart.emb.ts @@ -42,6 +42,13 @@ export const meta = { }, category: 'Configure chart' }, + { + name: 'metricNames', + type: 'string', + array: true, + label: 'Override Metric Names', + category: 'Configure chart' + }, { name: 'sortBy', type: 'dimensionOrMeasure', diff --git a/src/components/vanilla/charts/BarChart/index.tsx b/src/components/vanilla/charts/BarChart/index.tsx index 60246e1e..a574a8d2 100644 --- a/src/components/vanilla/charts/BarChart/index.tsx +++ b/src/components/vanilla/charts/BarChart/index.tsx @@ -62,7 +62,7 @@ export default (props: Props) => { }; function chartData(props: Props): ChartData<'bar'> { - const { results, xAxis, metrics } = props; + const { results, xAxis, metrics, metricNames } = props; const labels = [ ...new Set( @@ -81,7 +81,7 @@ function chartData(props: Props): ChartData<'bar'> { maxBarThickness: 25, minBarLength: 0, borderRadius: 6, - label: metric.title, + label: (metricNames && metricNames[i]) || metric.title, data: results?.data?.map((d) => parseFloat(d[metric.name])) || [], backgroundColor: COLORS[i % COLORS.length] })) || []