怎样将itemstyle写在echarts饼状图的data域中

Posted 2023-04-18

参考技术A 饼图完成后，1、用鼠标左键点击饼图选中所有饼块，然后点击右键，在弹出菜单中，选择“添加数据标签”。2、然后再点击右键，在弹出菜单中，选择“设置数据标签格式”，在继续弹出的菜单中的“标签选项”-“标签包括”中，勾选你需要显示的内容。3、完成1、2后，退回到初始状态。鼠标左键选择任一标签为激活状态，即可编辑标签内容。

关于echarts饼状图的使用

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

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

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

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

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

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

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

//然后图形代码

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