任务单07：Echarts基本组件的使用（二）.docxVIP

PAGE PAGE 7 任务单07：Echarts基本组件的使用（二） §任务要求 1、使用Echarts的时间轴（timeline）组件，设置复合option，实现年份时间轴的推移切换，开发效果图如下 代码： 2、使用Echarts的数据区域缩放（dataZoom）组件，实现滑动条型数据区域缩放效果、内置型数据区域缩放效果、框选型数据区域缩放效果，开发效果图如下 三种类型缩放效果的代码分别如下： 3、设置Echarts的网格、坐标轴、数据系列、全局字体样式等组件 （1）网格组件设置 代码 （2）坐标轴组件设置 Echarts设置代码如下： 代码： （3）全局字体样式组件设置 Echarts设置代码如下： 【拓展任务】 编辑Echarts，使用数据系列组件设置，效果图如下： ? §操作步骤 （步骤贴图，代码直接粘贴，注意粘贴代码运行结果截图等，截图要截取部分浏览器界面） §评价 教师对学生操作过程和结果进行评价