ECharts时间进度条

ECharts 时间进度条可以通过以下步骤实现：

1. 定义时间轴组件。在 ECharts 中，可以使用 `timeline` 组件来创建时间轴。你可以在 `option` 中添加以下代码来定义时间轴组件：

timeline: {
  axisType: 'time',
  show: true,
  autoPlay: true,
  data: ['2019-01-01', '2019-02-01', '2019-03-01', '2019-04-01', '2019-05-01'],
  playInterval: 1000   // 自动播放时间间隔，单位为毫秒
}

2. 定义数据系列。在 ECharts 中，可以使用 `series` 组件来创建数据系列。你可以在 `option` 中添加以下代码来定义数据系列：

series: [
  {
    name: '数据系列',
    type: 'line',
    data: [120, 132, 101, 134, 90]
  }
]

3. 将时间轴和数据系列绑定起来。在 ECharts 中，可以使用 `options` 属性来将时间轴和数据系列绑定起来。你可以在 `options` 中添加以下代码来将时间轴和数据系列绑定起来：

options: [
  {
    title: {
      text: '时间进度条'
    },
    tooltip: {},
    xAxis: {
      type: 'category',
      data: ['2019-01-01', '2019-02-01', '2019-03-01', '2019-04-01', '2019-05-01']
    },
    yAxis: {},
    series: [
      {
        name: '数据系列',
        type: 'line',
        data: [120, 132, 101, 134, 90]
      }
    ]
  }
]

4. 显示时间轴。在 ECharts 中，可以使用 `setOption` 方法来显示时间轴。你可以在 JavaScript 中添加以下代码来显示时间轴：

var myChart = echarts.init(document.getElementById('myChart'));
myChart.setOption(option);

这样就可以在页面上显示 ECharts 时间进度条了。