关于echarts饼状图的使用

时间:2021-03-05 06:03:42

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

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

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

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

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

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

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

//然后图形代码

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