在默认的饼状图里面，图例legend颜色是黑色的，有时候根据ui需要，根据不同的背景色，需要将图例文字调成白色或者其他颜色，那么，修改这些的还是一句话，修改某个属性即可。

5640239-5b5d31174928542b.png主要改动的代码在这里：

代码语言：javascript复制legend: {

orient: 'vertical',

x: 'right',

y: 'bottom',

textStyle: { //图例文字的样式

color: '#fff',

fontSize: 16

},

data: ['在线', '离线']

},举一个实际的例子：

demo

代码语言：javascript复制

五分钟上手之饼状图

json

代码语言：javascript复制{"peopleTotal":15,"peopleOnline":4,"peopleOutline":12,"ranges":[]}效果图如下所示：

可以看见，Echarts饼状图修改图例legend文字颜色和字体大小已经改变。

5640239-3e1266653103ad78.png 原文作者：祈澈姑娘 技术博客：https://www.jianshu.com/u/05f416aefbe1

90后前端妹子，爱编程，爱运营，文艺与代码齐飞，魅力与智慧共存的程序媛一枚

2026-07-10 02:13:27