簡體   English   中英

Apex 圖表范圍欄顏色

[英]Apex Charts Range Bar Colors

您可以將顏色數組用於范圍圖嗎? 我抓住了在條形圖中工作的相同數組,但在范圍條形圖中忽略了顏色。

大多數示例都向您展示了如何設置系列的顏色。 使用范圍圖表,默認情況下您會得到 1 個系列和多個組。 但是,您也可以設置系列中單個項目的顏色。

轉到 App Galery 並安裝示例圖表應用程序。 轉到第 23 頁(Range Chart)頁面,深入到 Range 區域的 Attributes,然后向下滾動直到看到 JavaScript Initialization Code。 在那里添加這個函數:

function( options ){
  options.dataFilter = function( data ) {
    data.series[0].items[0].color = "#0B6623";
    data.series[0].items[1].color = "#9DC183";
    data.series[0].items[2].color = "#708238";
    data.series[0].items[3].color = "#C7EA46";
    data.series[0].items[4].color = "#3F704D";

    return data;
  };

  return options;
}

當您運行該頁面時,您會看到每個項目都有不同的顏色:

在此處輸入圖片說明

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM