为 dygraphs javascript 图表创建工具提示

Question

我有一些图表是在 Dygraphs 中构建的，其中绘制了 20 多条线。

这使得图例很难读。

因此，是否可以创建一个工具提示，仅显示您在任何给定时间悬停的行的值？

理想情况下，我想保留现有的图例并有一个额外的工具提示。

提前致谢！！！

Answer 1

是的。使用 highlightSeriesOpts：

new Dygraph(div, data, { highlightSeriesOpts: {} });

然后使用 CSS:

隐藏未选择的系列

.dygraph-legend > span { display: none; }
.dygraph-legend > span.highlight { display: inline; }

有关完整示例，请参阅 series-highlight demo。