javascript - Dygraphs 改变每个系列的颜色

Question

我有一个用 dygraphs 完成的折线图，所有数据都是使用数据表添加的，因此它具有可变数量的系列和数据点。

我只想指定每个系列的颜色。我知道我可以像这样在构造函数中使用数组。

colors:
            ["#7FFF00", "#00FFFF", "#008080", "#00BFFF", "#FFD700", "#FF69B42", "#20B2AA",
             "#FF0000", "#FFFF00", "#FF1493", "#000080", "#00FF00", "#6B8E23", "#00FA9A",
             "#B0C4DE", "#F0E68C", "#DAA520"]
        ,

但正如我之前所说，系列的数量是可变且未知的。我知道我可以像这样更新特定系列的选项:

g.updateOptions({
    'S1001': {
        strokeWidth: 10,
        drawPoints: true,
        pointSize: 4,
        highlightCircleSize: 6,

    }
});

其中 S1001 是系列的名称，但我找不到任何更改其颜色的选项。

如果知道系列 ID，如何指定系列颜色？

提前致谢，巴勃罗

EDIT: Well I found a workaround that works quite well. I can change the colour of a series by setting the value in the "colorsMap_" and then redrawing the graph so:

g.colorsMap_["SeriesID"] = "#FFFFFF";

g.updateOptions("Any option so the graph is redrawn");

Is there any way of redrawing or refreshing the graph that not includes calling updateOptions?

thanks!

Answer 1

我是在尝试解决这个确切问题时来到这里的，所以我添加了一个更新的答案，希望它能对其他人有所帮助。

从 Dygraphs 2.0(contains breaking changes)开始，可以格式化单个系列。

您可以在选项中设置以下内容:

{
    series: {
        mySeriesName: {
            color: "green",    //Accepts CSS colour values.

            //There are other properties you can set too:
            strokeWidth: 3,
            drawPoints: true,
            pointSize: 5,
            highlightCircleSize: 7
        }
    }
}

将“mySeriesName”替换为 CSV 文件或标签数组中系列的名称。

您可以尝试阅读有关 series options 的文档但我个人并不觉得这一切都那么清楚。 This demo对我更有帮助。