【问题标题】:Create a tooltip for dygraphs javascript charts为 dygraphs javascript 图表创建工具提示
【发布时间】:2016-08-30 13:47:50
【问题描述】:

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

这使得传说很难读。

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

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

提前谢谢你!!!

【问题讨论】:

    标签: javascript charts dygraphs


    【解决方案1】:

    是的。使用highlightSeriesOpts

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

    然后使用 CSS 隐藏未选择的系列:

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

    请参阅series-highlight demo 了解完整示例。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-09-16
      • 2015-07-16
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多