vue中如何给charts饼图折线图区域添加指定颜色

Posted 水香木鱼

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中如何给charts饼图折线图区域添加指定颜色相关的知识,希望对你有一定的参考价值。

在option中增加属性color,并指定几种颜色,此颜色将根据饼图的区域个数循环

代码段如下:

option = 
        title : 
        text: '全局指标状态分布图',
               x:'left',
               y:'top'
        ,
        tooltip : 
               show: true,
               formatter: "a <br/>b : c (d%)"
        ,
        //最主要的是color 属性 是为了给全局自定义的属性
        color:['red', 'green','yellow','blueviolet']


以上是关于vue中如何给charts饼图折线图区域添加指定颜色的主要内容,如果未能解决你的问题,请参考以下文章

echartsjs 饼图柱状图折线图实例

在vue里面引入echarts(柱状图,饼图,折线图))

wx-charts 微信小程序图表插件

隐藏饼图数据为0项区域

Echarts基本学习 柱状图折线图通用配置

c#有没有免费的统计工具?柱状图,饼图等等的