调色盘

调色盘是什么

我们之前的饼图的样式是这样的


以上我们也没有自己配置颜色，他就有自己的颜色了，这个是主题里面自己带的颜色，现在我们想要改变不同的颜色，那么就需要使用调色盘了。

调色盘的分类

主题的调色盘

之前已经自定义了一个主题，并且下载了，在HTML里面引入了这个主题

使用主题


我们看下载的主体源码里面的调色盘

以上的这个就是主题里面的调色盘

全局的调色盘


写了全局的调色盘，会覆盖主题调色盘

color这个属性的值就是 要设置全局的调色盘

var option = {
   
      color: ['red', 'green', 'blue', 'skyblue', 'purple'],
      series: [
        {
   
          type: 'pie',
          data: pieData
        
        }
      ]
    };

局部的调色盘

 var option = {
   
      series: [
        {
   
          type: 'pie',
          data: pieData,
          color: ['pink', 'yellow', 'black', 'orange', 'red'] //局部的调色盘
        }
      ]
    };

颜色渐变

线性渐变

之前的柱状图里面的颜色是这样的

这个颜色是主题里面自带的颜色，现在我们想要改颜色了，这个还是要改为线性渐变的颜色，我们就需要在代码里面配置了。

径向渐变