AreaLine.tsx

import React from 'react';
import { BasicChart } from '../index';
const { LineChart } = BasicChart;

export default () => {
  const category = ['11-01', '11-02', '11-03', '11-04', '11-05', '11-06', '11-07'];
  const dataSource = [
    {
      name: '用水量',
      unit: 'm³',
      data: [120, 200, 150, 80, 70, 110, 130],
    },
    {
      name: '供水量',
      unit: 'm³',
      data: [1120, 1200, 1150, 1180, 1170, 1110, 1130],
    },
  ];

  return <LineChart lineType="area" category={category} dataSource={dataSource} />;
};