echarts饼状图label和扇形的颜色一样怎么做
时间: 2024-05-15 10:12:52 浏览: 209
用chart进行绘制饼状图
你可以使用 ECharts 提供的 itemStyle.normal.color 和 label.color 属性来设置饼状图中扇形和 label 的颜色。
例如,你可以将 itemStyle.normal.color 设置为一个数组,其中第一个元素为扇形的颜色,第二个元素为 label 的颜色。示例代码如下:
```javascript
option = {
series : [
{
type: 'pie',
radius : '55%',
data:[
{value:335, name:'直接访问'},
{value:310, name:'邮件营销'},
{value:234, name:'联盟广告'},
{value:135, name:'视频广告'},
{value:1548, name:'搜索引擎'}
],
itemStyle: {
normal: {
color: ['#c23531', '#c23531'],
}
},
label: {
normal: {
color: '#c23531'
}
}
}
]
};
```
在上面的示例中,我们将 itemStyle.normal.color 设置为 ['#c23531', '#c23531'],表示扇形和 label 都使用红色。同时,我们将 label 的颜色设置为 #c23531,保证 label 与扇形颜色一致。
阅读全文