Flot：整个屏幕上的标签颜色一致，带有多个堆积条形图

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