Vue— Echarts 多系列柱状图，堆叠柱状图， 水球图
创始人
2024-11-10 17:41:18
0次

一、基础

echarts官网：快速上手 - 使用手册 - Apache ECharts

推荐一个各种图表的网站：https://madeapie.com/

安装引入配置暂省略

1 准备一个DOM容器（定义一个 

 节点），一定要有宽高（可以是%）

 2 初始化的时候，传入该节点 echarts.init ， 监听图表容器的大小并改变图表大小。

  this.myChart= echarts.init(       document.getElementById("main")     );    window.addEventListener('resize', function() {     this.myChart.resize();   });

3 准备配置项 、可以在图表组件中去调接口获取数据（我是在父组件获取的数据传过来，于是就是watch里面监听然后展示）

4 使用指定的配置项和数据展示图表 myChart.setOption(option)

汇总：