Echarts自定义图形颜色的写法总结

一、官方文档，直接在选项属性中设置。

  color:[ 
    '#ff7f50', '#87cefa', '#da70d6', '#32cd32', '#6495ed', 
    '#ff69b4', '#ba55d3', '#cd5c5c', '#ffa500', '#40e0d0', 
    '#1e90ff', '#ff6347', '#7b68ee', '#00fa9a', '#ffd700', 
    '#6b8e23', '#ff00ff', '#3cb371', '#b8860b', '#30e0e0' 
],

默认颜色序列，循环使用。

二、在series序列中使用

 itemStyle: {
                normal: {
                    color: function(params) {
                        // build a color map as your need.
                        var colorList = [
                          '#C1232B','#B5C334','#FCCE10','#E87C25','#27727B',
                           '#FE8463','#9BCA63','#FAD860','#F3A43B','#60C0DD',
                           '#D7504B','#C6E579','#F4E001','#F0805A','#26C0C0'
                        ];
                        return colorList[params.dataIndex]
                    },
                    label: {
                        show: true,
                        position: 'top',
                        formatter: '{b}n{c}'
                    }
                }
            },

优先顺序，itemStyle>color.

漏刻有时（WWW.LOCKDATA.CN）,数据可视化大屏，挖掘大数据背后的价值。

最后

以上就是大意烤鸡为你收集整理的Echarts自定义图形颜色的写法总结的全部内容，希望文章能够帮你解决Echarts自定义图形颜色的写法总结所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。