使用Echarts绘制饼图,举个例子
时间: 2024-05-13 18:21:13 浏览: 69
Echarts玫瑰图制作
,如何设置饼图的颜色和图例?
对于饼图的颜色设置,可以使用Echarts中的color属性来指定颜色列表,也可以通过渐变色来进行设置。对于图例的设置,可以在series对象中设置name属性来指定图例名称,在legend对象中则可以设置data属性来指定图例的显示内容。
以下是一个示例:
```
// 指定饼图的颜色列表
var colorList = ['#FF6666', '#FFCC66', '#99CC99', '#66CCCC', '#9999CC'];
// 配置图表
var option = {
// 设置图例
legend: {
// 设置图例的显示位置
orient: 'vertical',
left: 'left',
data: ['苹果', '香蕉', '橘子', '草莓', '葡萄']
},
// 设置饼图
series: [{
name: '水果销量',
type: 'pie',
radius: '55%',
center: ['50%', '60%'],
data: [
{value: 335, name: '苹果'},
{value: 310, name: '香蕉'},
{value: 234, name: '橘子'},
{value: 135, name: '草莓'},
{value: 1548, name: '葡萄'}
],
// 设置颜色列表
color: colorList
}]
};
```
阅读全文