knob for yAxisFormat

apache · Aug 11, 2022 · 9bcf219 · 9bcf219
1 parent 17b537e
commit 9bcf219
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/...perset-ui-demo/storybook/stories/plugins/plugin-chart-echarts/MixedTimeseries/Stories.tsx b/...perset-ui-demo/storybook/stories/plugins/plugin-chart-echarts/MixedTimeseries/Stories.tsx
@@ -85,7 +85,11 @@ export const Timeseries = ({ width, height }) => {
  logAxis: boolean('Log axis', false),
  xAxisTimeFormat: 'smart_date',
  tooltipTimeFormat: 'smart_date',
- yAxisFormat: '$,.2f',
+ yAxisFormat: select(
+ 'y-axis format',
+ ['$,.2f', 'SMART_NUMBER'],
+ '$,.2f',
+ ),
  yAxisTitle: text('Y Axis title', ''),
  yAxisIndexB: select('yAxisIndexB', [0, 1], 1),
  minorSplitLine: boolean('Query 1: Minor splitline', false),
@@ -142,7 +146,15 @@ export const WithNegativeNumbers = ({ width, height }) => (
  'line',
  ),
  xAxisTimeFormat: 'smart_date',
- yAxisFormat: '$,.2f',
+ yAxisFormat: select(
+ 'y-axis format',
+ {
+ 'Original value': '~g',
+ 'Smart number': 'SMART_NUMBER',
+ '(12345.432 => $12,345.43)': '$,.2f',
+ },
+ '$,.2f',
+ ),
  stack: true,
  showValue: boolean('Query 1: Show Value', true),
  showValueB: boolean('Query 2: Show Value', false),