echarts实现时序图

要在 ECharts 中实现时序图，您可以使用折线图（line chart）或者柱状图（bar chart）来展示时序数据。下面是一个简单的示例，展示如何使用折线图来绘制时序图。

// 引入 ECharts
import echarts from 'echarts';

// 准备数据
const data = [
  { time: '2021-07-01', value: 100 },
  { time: '2021-07-02', value: 200 },
  { time: '2021-07-03', value: 300 },
  // ...
];

// 获取时间和数值的数组
const times = data.map(item => item.time);
const values = data.map(item => item.value);

// 创建图表实例
const chartDom = document.getElementById('chart');
const myChart = echarts.init(chartDom);

// 配置图表选项
const options = {
  xAxis: {
    type: 'category',
    data: times,
  },
  yAxis: {
    type: 'value',
  },
  series: [
    {
      type: 'line',
      data: values,
    },
  ],
};

// 设置图表选项并渲染
myChart.setOption(options);

在上述代码中，我们首先引入了 ECharts，并准备了一个包含时间和数值的数据数组。然后，我们从数据数组中分别提取出时间和数值，以便配置图表的 x 轴和 y 轴。

接下来，我们创建了一个 ECharts 实例，并使用 `echarts.init` 方法将其绑定到指定的 DOM 元素上。

然后，我们配置了图表的选项，包括 x 轴、y 轴和系列（series）。在这个示例中，我们使用了折线图（line chart）作为系列类型，将时间设置为 x 轴的数据，将数值设置为 y 轴的数据。

最后，我们调用 `setOption` 方法将图表的选项设置到图表实例上，并进行渲染。

以上示例是一个简单的时序图实现，您可以根据自己的需求进一步定制和配置图表选项。希望对您有帮助！如有更多问题，请继续提问。