2012-06-21 51 views
1

我看到了如何用折線圖做到這一點,但我必須使用餅圖。jqPlot爲每個餅圖切片設置顏色

任務是我得到了一個圖表,概述了一個產品的狀態使用情況,我需要設置一個切片始終是相同的顏色,但問題是我可以使系列代碼工作,並且沒有對它的好建議要麼。

我想要的是,如果我們看到某個東西沒有被使用太多,我們希望它具有相同的顏色,否則它可以只是任何顏色。

example: 
product #1 has sold 2 units in last 30 days 
product #2 has sold 100 units in last 3 days 
product #3 has sold 1 units in last 30 days 

產品#3應該是紅色的,但其他兩個可以是其他任何東西。

目前我使用的是seriesColors,但我想要的數據並不總是以某種順序排列,所以這是我需要的一個糟糕的解決方案。

我希望有人對此有所瞭解,希望它有可能。

我必須使用jqPlot,所以請不要在不同的庫上提出建議。

回答

2

所以把它們作爲1的銷售總額的所有產品。然後就顏色而言,創建一組您真正認爲一起工作的顏色,並從列表中隨機選擇(不包括紅色)。然後爲最低的項目設置顏色爲紅色。

如果您不能使用jqPlot,請查看D3.js.

+0

我沒有選擇圖書館的jqPlot。我不明白你在做什麼,你能否進一步解釋? – Eman

+2

您需要根據傳入的數據生成seriesColors。這樣,您的系列將與您的物品的順序相匹配,無論它們如何通過。 – VoronoiPotato

+0

完美地工作。我用顏色做了一個陣列,它的工作原理,不知道爲什麼我沒有想到,謝謝你的幫助+1 – Eman

2
seriesColors :[ 
       '#FF4700','#BA00FF', 
       '#25FF00', '#5100FF', 
       '#aa2211','#FFFF00', 
       '#3377aa', '#FAE8FD', 
       '#9933aa','#00FFED', 
       '#9324A6', '' 
       ], 
+1

這是否允許數據按特定順序? – tiago

相關問題