YAxisStories.jsx

/* eslint-disable no-magic-numbers */
import React from 'react';
import { SuperChart } from '@superset-ui/chart';
import data from './data';

export default [
  {
    renderStory: () => (
      <div className="container">
        <h2>yAxisBounds</h2>
        <pre>yAxisBounds=[0, 60000]</pre>
        <SuperChart
          chartType="line"
          chartProps={{
            datasource: { verboseMap: {} },
            formData: {
              richTooltip: true,
              showLegend: false,
              vizType: 'line',
              yAxisBounds: [0, 60000],
            },
            height: 200,
            payload: { data },
            width: 400,
          }}
        />
        <pre>yAxisBounds=[null, 60000]</pre>
        <SuperChart
          chartType="line"
          chartProps={{
            datasource: { verboseMap: {} },
            formData: {
              richTooltip: true,
              showLegend: false,
              vizType: 'line',
              yAxisBounds: [null, 60000],
            },
            height: 200,
            payload: { data },
            width: 400,
          }}
        />
        <pre>yAxisBounds=[40000, null]</pre>
        <SuperChart
          chartType="line"
          chartProps={{
            datasource: { verboseMap: {} },
            formData: {
              richTooltip: true,
              showLegend: false,
              vizType: 'line',
              yAxisBounds: [40000, null],
            },
            height: 200,
            payload: { data },
            width: 400,
          }}
        />
      </div>
    ),
    storyName: 'yAxisBounds',
    storyPath: 'legacy-|preset-chart-nvd3|LineChartPlugin',
  },
];