echarts的学习（六）调色盘的学习

一写代码就开心

发布于 2021-01-05 12:30:40

8610

发布于 2021-01-05 12:30:40

文章被收录于专栏：java和pythonjava和python

调色盘

调色盘是什么

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

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

调色盘的分类

主题的调色盘

之前已经自定义了一个主题，并且下载了，在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'] //局部的调色盘
        }
      ]
    };