浮點圖：整個屏幕上一致的標簽顏色以及多個堆疊的條形圖

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