Question

我试图使用Dygraphs构建一个包含3个系列的动态图表，问题是我无法让图表在图例中只显示其中一个。我有3个系列，名为＆＃34; Prec＆＃34;，＆＃34; Val＆＃34;和＆＃34;现在＆＃34;，每当用户将光标移到图表上时，我的目标是仅在图例中显示来自＆＃34; Val＆＃34;系列。

我的系列数据以＆＃34; native＆＃34;格式，换句话说，它是第一个元素中带有日期的值数组：

va data = {
           [ X, Open, Val, Now],
           [ 2015-11-26, 1002, 1024, 1026],
           [ 2015-11-27, 1002, 1025, 1026],
           [ 2015-11-28, 1002, 1027, 1025],
            ...
          };

我检查了文档（http://dygraphs.com/options.html）没有任何运气。任何建议都将不胜感激。

更新：我尝试将自定义valueFormatter添加到选项对象中，如下所示：

axes:{
    y:{
        valueFormatter: function (y, opts, seriesName){
            if (seriesName == "Open" || seriesName == "Now") return "";
            else return y;
        }
    }
}

但它只是隐藏了价值，而不是系列的名称，所以现在我的图表的图例显示：

2015-11-26 Open: Val:1024 Now:

Answer 1

解决方法是在Dygraphs选项对象中添加一个属性以激活高亮显示功能，如果要使用默认设置，甚至为空：

highlightSeriesOpts: {}

当你将它悬停时，它会为系列的传奇跨度添加“高亮”类。

然后你必须将这些行添加到CSS

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

通过这种方式，只有突出显示的系列才会在图例中显示。

来源：Dygraphs docs

dygraphs - 隐藏传奇系列

1 个答案: