创建dygraphs javascript图表的工具提示

Create a tooltip for dygraphs javascript charts

本文关键字：工具提示 dygraphs javascript 创建更新时间：2023-09-26

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

这使得图例很难看懂。

因此，是否有可能创建一个工具提示，在任何给定时间只显示您悬停在其上的行的值?

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

提前感谢!!

是。使用highlightSeriesOpts:

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

，然后使用CSS:

隐藏未选中的系列

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