海軍報：一致的標籤顏色在​​整個屏幕與多個堆疊條形圖

Question

這裏是我的JSFIDDLE

我需要動態標籤具有相同的顏色，如果同一標籤在另一個圖表中發現，如果可能的話，以具有相同的順序在堆棧欄中，貫穿所有圖表。

例如，如果你看看紫色，它有3個標籤：084,080,00。它應該只有084/080/00對紫色。這些應該反映在屏幕上的所有圖表中。

$.plot($("#placeholder"), chartData, chartOptions); 

Answer 1

你可以建立通過你的chartData陣列循環標籤的列表和使用的顏色，看到這個fiddle的工作例如：

var colors = { 
    _count: 1 
}; 
function distributeColors(data) { 
    for (var i = 0; i < data.length; i++) { 
     var label = data[i].label; 
     if (!colors[label]) { 
      colors[label] = colors._count++; 
     } 
     data[i].color = colors[label]; 
    } 
} 
distributeColors(chartData); 
distributeColors(chartData2); 
distributeColors(chartData3);