Javascript 动态图-从图例中隐藏系列
我正在尝试使用动态图构建一个包含3个系列的动态图表,问题是我无法使图表在图例中仅显示其中一个。 我有3个系列,分别命名为“Prec”、“Val”和“Now”,每次用户将光标移到图表上时,我的目标是在图例中仅显示“Val”系列中的值 我的系列数据以“本机”格式给出,换句话说,它是一个值数组,第一个元素中有日期: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],
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; }
这样,图例中将只显示高亮显示的系列
来源:为您的问题添加代码。添加了我的部分代码