dygraphs - 隐藏图例中的系列

Question

我试图使用 Dygraphs 构建一个包含 3 个系列的动态图表，但问题是我无法使图表在图例中仅显示其中一个系列。我的 3 个系列分别命名为 "Prec"、 "Val" 和 "Now"，每当用户将光标移动到图表上时，我的目标是仅显示 "Val" 系列的值。我的系列数据以 "本机" 格式给出，换句话说，它是一个包含日期在第一个元素中的值数组：

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:

- Plastic

---

请在您的问题中添加代码。 - James

添加了我的代码部分 - Plastic

Answer 1

解决方案是向Dygraphs选项对象添加一个属性，以激活高亮功能，即使为空也可以使用默认设置：

highlightSeriesOpts: {}

当你悬停在系列图例的span上时，它会添加“highlight”类。

然后，您需要将以下行添加到您的CSS中：

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

只有高亮系列才会在图例中可见。

来源：Dygraphs文档

- Plastic