Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/413.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 动态图-从图例中隐藏系列_Javascript_Css_Charts_Dygraphs - Fatal编程技术网

Javascript 动态图-从图例中隐藏系列

Javascript 动态图-从图例中隐藏系列,javascript,css,charts,dygraphs,Javascript,Css,Charts,Dygraphs,我正在尝试使用动态图构建一个包含3个系列的动态图表,问题是我无法使图表在图例中仅显示其中一个。 我有3个系列,分别命名为“Prec”、“Val”和“Now”,每次用户将光标移到图表上时,我的目标是在图例中仅显示“Val”系列中的值 我的系列数据以“本机”格式给出,换句话说,它是一个值数组,第一个元素中有日期: va data = { [ X, Open, Val, Now], [ 2015-11-26, 1002, 1024, 1026],

我正在尝试使用动态图构建一个包含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],
            ...
          };
我在没有任何运气的情况下签入了docs()。 如有任何建议,将不胜感激

更新:我尝试向option对象添加自定义valueFormatter,如下所示:

axes:{
    y:{
        valueFormatter: function (y, opts, seriesName){
            if (seriesName == "Open" || seriesName == "Now") return "";
            else return y;
        }
    }
}
但它只是隐藏了数值,而不是联赛名称,所以现在我的图表图例显示:

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

解决方案是向动态图选项对象添加一个属性以激活高亮显示功能,即使是空的,如果您想使用默认设置:

highlightSeriesOpts: {}
悬停时,它会将“highlight”类添加到系列的图例跨度中

然后,您必须将这些行添加到CSS中

.dygraph-legend > span { display: none; }
.dygraph-legend > span.highlight { display: inline; }
这样,图例中将只显示高亮显示的系列


来源:

为您的问题添加代码。添加了我的部分代码