echarts饼图颜色设置(改变饼图颜色方法介绍)

 分类:echarts时间:2022-06-06 07:30:16点击:

echarts饼图颜色设置,只要在option里加个color颜色数组就会依次循环从该数组中取颜色作为echarts饼图颜色。color颜色数组颜色格式支持RGB表示纯颜色,也支持使用十六进制格式,本文是echarts改变饼图颜色方法介绍。

echarts饼图颜色设置

echarts饼图颜色设置实例代码如下:

option = {
 tooltip: {
   trigger: 'item'
 },
 legend: {
   orient: 'vertical',
   left: 'left'
 },
 // 颜色数组--echarts饼图颜色在这里设置
 color:  ['red', 'green','yellow','blue','purple'],
 series: [
   {
     name: '产量',
     type: 'pie',
     radius: '60%',
     data:  rows.data
   }
 ]
};

color颜色数组支持的颜色格式:

1、使用RGB表示纯颜色,比如 'rgb(128, 128, 128)',如果想要加上alpha 通道表示不透明度,可以使用 RGBA,比如 'rgba(128, 128, 128, 0.5)';

2、也可以使用十六进制格式,比如 '#ffffff'。

除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址: