关于echarts饼状图的使用

Posted 2020-10-16

最近在使用echarts插件做图表。感觉非常好用。

使用首先要找到自己中意的图形，选中之后，就开始使用echarts了，那么下载echarts中的js，放到项目中。

项目中使用时，首先要引入这些js。

再把对应图形的代码，粘贴到项目中<script>块下。然后需要注意的点如下：

首先，为了图形方便控制，首先肯定是准备<div>或者<span> 给上id

然后将图形对应代码处理如下：等同于放入<div>

// 基于准备好的dom，初始化echarts图表
var myChart = echarts.init(document.getElementById(‘pie1‘));

//然后图形代码

//最后为echarts对象加载数据
myChart.setOption(option);