海军报：一致的标签颜色在​​整个屏幕与多个堆叠条形图

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);