Echarts饼状图修改图例legend文字颜色和字体大小

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


主要改动的代码在这里:

legend: {
                        orient: 'vertical',
                        x: 'right',
                        y: 'bottom',
                        textStyle: { //图例文字的样式
                            color: '#fff',
                            fontSize: 16
                        },
                        data: ['在线', '离线']
                    },

举一个实际的例子:
demo



    
        
        五分钟上手之饼状图
        
        
        
    
    
        
        

json

{"peopleTotal":15,"peopleOnline":4,"peopleOutline":12,"ranges":[]}

效果图如下所示:
可以看见,Echarts饼状图修改图例legend文字颜色和字体大小已经改变。


原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚,欢迎关注【编程微刊】公众号,回复【领取资源】,500G编程学习资源干货免费送。

你可能感兴趣的:(Echarts饼状图修改图例legend文字颜色和字体大小)