ECharts数据可视化项目实践 项目三 浙江新能源汽车服务平台09浙江前端讲义.pptx

;项目三 浙江新能源汽车服务平台 (纯属虚构);;展示图形;Echarts知识点 阶梯图、饼图、rich富文本、桑基图、多列条形图、单容器多图的配置和绘制；Echarts事件的编写；主题的使用。 ;任务所需Echarts知识点：阶梯图的绘制和配置、主题更换。; ;图3-13 阶梯图;图3-14 阶梯图在页面展示;以任务一为例完成主题风格更换，在index.html文件的body/body里增加函数“showdata”的代码如下：;图3-15 roma风格的阶梯图;任务所需Echarts知识点：饼图的绘制和配置、Echarts事件。; 饼图series配置项的配置代码如下：; 饼图的提示tooltip代码如下：;图3-17 饼图;任务所需Echarts知识点：富文本、饼图的绘制和配置、Echarts事件;带富文本的饼图提示tooltip的配置，代码如下：; 带富文本的饼图series配置项的配置代码如下：; 饼图里增加一个富文本的lable代码如下：;Echarts鼠标左键双击事件代码如下：;图3-18 带富文本的饼图;任务所需的Echarts知识点：桑基图的绘制和配置、Echarts事件。;图3-19 桑基图;任务所需的Echarts知识点：单容器多图的绘制和配置、Echarts事件。; 单容器多图y轴yAxis的配置代码如下：; 单容器多