更改 Dygraph 中整条线的颜色

Question

不幸的是，由于安全原因我无法提供代码，但我仍然会问我的问题。 我想知道是否可以更改dygraphs（用于绘制数据的js包）中整点连接线的颜色。 我已经在堆栈上找到了这篇文章：dygraph-change-line-color，但这仅涵盖了线上圆形点的颜色变化，而不涵盖线本身。

即使在网上，也没有明确讨论该主题，官方文档也没有提及这一点。

我已经只搜索并浏览了官方文档，但正如我上面提到的，我找不到任何可以密切涵盖我的问题的内容。

Answer 1

Dygraphs 提供了各种选项来自定义图表中线条的外观，包括它们的颜色。然而，截至 2022 年 1 月我的最后一次知识更新，Dygraphs 没有直接选项来更改点之间各个连接线的颜色。线条的颜色一般由颜色选项或默认配色方案控制。

以下是如何在 Dygraphs 中设置整条线的颜色的示例：

javascript 代码

var data = [ [1, 10], [2, 25], [3, 12], // ... more data points];

new Dygraph(document.getElementById("graph"), data, {colors: ["blue"], // Set the 
color of the line
// ... other options
});

在上面的示例中，整条线将绘制为蓝色。如果您有多行，您可以在颜色选项中提供一系列颜色。

如果您需要对单条线进行更精细的控制，您可能需要考虑使用多个 Dygraph 实例或对 Dygraphs 生成的 SVG 元素进行后处理。