調色盤

• 調色盤是什么
• 調色盤的分類
• • 主題的調色盤
  • 全局的調色盤
  • 局部的調色盤
• 顏色漸變
• • 線性漸變
  • 徑向漸變

調色盤是什么

我們之前的餅圖的樣式是這樣的

以上我們也沒有自己配置顏色，他就有自己的顏色了，這個是主題里面自己帶的顏色，現在我們想要改變不同的顏色，那么就需要使用調色盤了。

調色盤的分類

主題的調色盤

之前已經自定義了一個主題，并且下載了，在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'] //局部的調色盤}]};

顏色漸變

線性漸變

之前的柱狀圖里面的顏色是這樣的

這個顏色是主題里面自帶的顏色，現在我們想要改顏色了，這個還是要改為線性漸變的顏色，我們就需要在代碼里面配置了。

徑向漸變

總結

以上是生活随笔為你收集整理的echarts的学习（六）调色盘的学习的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。