浮点图：整个屏幕上一致的标签颜色以及多个堆叠的条形图

Question

这是我的JSFIDDLE

如果在另一张图表中找到相同的标签，并且在所有图表中的堆栈栏中可能具有相同的顺序，则我需要动态标签具有相同的颜色。

例如，如果您查看紫色，则它上面有3个标签：084、080、00。紫色时只能是084/080/00。 这些应该反映屏幕中的所有图表。

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

Answer 1

您可以通过遍历chartData数组来构建标签和使用过的颜色的列表，有关工作示例，请参见此小提琴 ：

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