echarts5中默认标签颜色不会跟数据项颜色保持一致,而是全都是黑色。想要实现label颜色和它的数据项颜色一致,需要手动继承颜色,设置label{ color: 'inherit'}即可解决label标签颜色与数据项颜色一致。
https://echarts.apache.org/examples/zh/editor.html?c=pie-simple
注意:将 option 配置复制到上面的链接里即可看到效果。
option = {title: {text: 'Referer of a Website',subtext: 'Fake Data',left: 'center'},tooltip: {trigger: 'item'},legend: {orient: 'vertical',left: 'left'},series: [{name: 'Access From',type: 'pie',radius: '50%',label: {color: 'inherit',formatter: '{cStyle|{c}}{unitStyle|人} {dStyle|{d}}{unitStyle|%}',rich: {cStyle: {fontWeight: 'bold',},dStyle: {color: '#333',fontWeight: 'bold'},unitStyle: {fontSize: 12,color: '#999'}}},data: [{ value: 1048, name: 'Search Engine' },{ value: 735, name: 'Direct' },{ value: 580, name: 'Email' },{ value: 484, name: 'Union Ads' },{ value: 300, name: 'Video Ads' }],emphasis: {itemStyle: {shadowBlur: 10,shadowOffsetX: 0,shadowColor: 'rgba(0, 0, 0, 0.5)'}}}] };