echarts折线图 react

您可以使用 echarts-for-react 库来在 React 中使用 echarts 折线图。首先，您需要安装 echarts 和 echarts-for-react：

npm install echarts echarts-for-react

然后，您可以在 React 组件中引入 echarts-for-react 并使用它来渲染折线图。以下是一个简单的示例：

import React from 'react';
import ReactEcharts from 'echarts-for-react';

const data = {
  xData: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
  yData: [820, 932, 901, 934, 1290, 1330, 1320],
};

const option = {
  xAxis: {
    type: 'category',
    data: data.xData,
  },
  yAxis: {
    type: 'value',
  },
  series: [
    {
      data: data.yData,
      type: 'line',
    },
  ],
};

const LineChart = () => {
  return <ReactEcharts option={option} />;
};

export default LineChart;

在上面的示例中，我们定义了一个 `data` 对象来存储 x 轴和 y 轴的数据。然后，我们定义了一个 `option` 对象来配置折线图的样式和数据。最后，我们使用 `ReactEcharts` 组件来渲染折线图，并将 `option` 对象作为属性传递给它。