代码之家  ›  专栏  ›  技术社区  ›  user5832647

为动态图javascript图表创建工具提示

  •  1
  • user5832647  · 技术社区  · 9 年前

    我有一些用Dygraph绘制的图表,这些图表有20多条线。

    这使得这个传说很难读。

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

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

    提前谢谢!!!

    1 回复  |  直到 9 年前
        1
  •  1
  •   danvk    9 年前

    对使用 highlightSeriesOpts :

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

    然后使用CSS隐藏未选定的序列:

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

    series-highlight demo 一个完整的例子。