数据可视化技术E高级应用28课件讲解.pptxVIP

数据可视化技术Echarts高级应用

绘制混搭图表绘制联动图表动态切换主题响应行为事件dataZoom组件异步数据加载矩形树图案例雷达图案例词云图案例认识数据大屏可视化

绘制混搭图表

图表混搭01创建混搭图表02操作演示03总结与思考04目录

01图表混搭

图表混搭将多个图表放在一起的图表混搭技术。使图表更具表现力、更有趣味。Echarts提供的图表支持任意图表的混搭。

图表混搭柱状图折线图饼图散点图最常见

图表混搭Echarts混搭图表特点一个图表包含唯一图例、工具箱、数据区域缩放、值域漫游模块。一个图表包含一个直角坐标系（可包含一条或多条类目轴线，一条或多条值轴线，最多上下左右四条）。

02创建混搭图表

（一）准备数据创建混搭图表2022年图书馆电子文章阅读量和点评量数据折柱混搭、双y轴图表

（一）准备数据创建混搭图表折柱混搭、双y轴图表在数据中的yAxis数组中，通过代码position:right来指定y轴安置的位置（默认安置left）；在数据中的series数组中，通过代码yAxisIndex:1，来指定使用第2个y轴（0代表第1个y轴，1代表第2个y轴）。

创建混搭图表（二）创建项目创建项目主要步骤（1）选择文件夹（2）创建网页文件

0102030405引入Echarts.js库文件准备一个指定了大小的div容器使用init方法初始化容器设置图形配置