echarts----饼状图

饼状图

特点:①展示百分比;②type:’pie’

用到的属性:

  • name:名称
  • center:圆心坐标
  • radius:半径
  • selectedMode:是否支持多选

点击预览

legend

图例的数据数组。数组项通常为一个字符串,每一项代表一个系列的 name(如果是饼图,也可以是饼图单个数据的 name)。
图例组件会自动根据对应系列的图形标记(symbol)来绘制自己的颜色和标记

如果 data 没有被指定,会自动从当前系列中获取。多数系列会取自 series.name 或者 series.encode 的 seriesName 所指定的维度。
如 饼图 and 漏斗图 等会取自 series.data 中的 name。

series

name

系列名称

center

radius

data

1
2
3
4
5
6
7
8
9
[{
// 数据项的名称
name: '数据1',
// 数据项值8
value: 10
}, {
name: '数据2',
value: 20
}]

data中的name对应legend中的data数据项和tooltip中的显示

饼图bug

legend不显示

legend没有设置data属性,希望从series.data的对象中的name取,结果没有显示
推测原因:echarts.js的版本低
解决:用cdn,legend显示

0%