任务25：绘制全局时间线（TimeLine）

任务描述

知识点：

• Django
• ECharts时间线图

重  点：

• ECharts时间线图

内  容：

• 参考ECharts官网示例
• 创建timeline.js，绘制时间线图
• 引入js文件，并调用绘图函数
• 时间线图形配置项微调

任务指导

1、参考ECharts官网示例：（https://echarts.apache.org/examples/zh/index.html），示例图形如下：

2、创建timeline.js，绘制时间线图

参考ECharts官网示例代码，定义timeline()绘图函数，其中定义months变量，将playInterval数据中的1000换成之前定义的全局变量time_interval，data配置想换成months，label配置项去掉。

3、引入js文件，并调用绘图函数

index.html文件中调用timeline.js，total_control.js文件中调用绘图函数timeline()，此时的图形如下：