diff --git a/superset-frontend/plugins/plugin-chart-echarts/src/BigNumber/BigNumberPeriodOverPeriod/controlPanel.ts b/superset-frontend/plugins/plugin-chart-echarts/src/BigNumber/BigNumberPeriodOverPeriod/controlPanel.ts index be731421a..6aa54e72d 100644 --- a/superset-frontend/plugins/plugin-chart-echarts/src/BigNumber/BigNumberPeriodOverPeriod/controlPanel.ts +++ b/superset-frontend/plugins/plugin-chart-echarts/src/BigNumber/BigNumberPeriodOverPeriod/controlPanel.ts @@ -118,6 +118,15 @@ const config: ControlPanelConfig = { expanded: true, controlSetRows: [ ['y_axis_format'], + [ + { + name: 'percentDifferenceFormat', + config: { + ...sharedControls.y_axis_format, + label: t('Percent Difference format'), + }, + }, + ], ['currency_format'], [ { diff --git a/superset-frontend/plugins/plugin-chart-echarts/src/BigNumber/BigNumberPeriodOverPeriod/transformProps.ts b/superset-frontend/plugins/plugin-chart-echarts/src/BigNumber/BigNumberPeriodOverPeriod/transformProps.ts index ebdd16bdb..d5c225462 100644 --- a/superset-frontend/plugins/plugin-chart-echarts/src/BigNumber/BigNumberPeriodOverPeriod/transformProps.ts +++ b/superset-frontend/plugins/plugin-chart-echarts/src/BigNumber/BigNumberPeriodOverPeriod/transformProps.ts @@ -21,7 +21,6 @@ import { ChartProps, getMetricLabel, getValueFormatter, - NumberFormats, getNumberFormatter, formatTimeRange, } from '@superset-ui/core'; @@ -84,6 +83,7 @@ export default function transformProps(chartProps: ChartProps) { currencyFormat, subheaderFontSize, comparisonColorEnabled, + percentDifferenceFormat, } = formData; const { data: dataA = [] } = queriesData[0]; const { @@ -113,9 +113,7 @@ export default function transformProps(chartProps: ChartProps) { w: 'Week' as string, }; - const formatPercentChange = getNumberFormatter( - NumberFormats.PERCENT_SIGNED_1_POINT, - ); + const formatPercentChange = getNumberFormatter(percentDifferenceFormat); let valueDifference: number | string = bigNumber - prevNumber;