当 Dygraph 加载时,我看到了预期的图形:
现在,当我单击图表时,所有值都消失了。移动鼠标也不会在图例叠加层中显示任何内容 - 因此值没有超出范围,它们完全消失了。
为了解决这个问题,我可以通过范围选择器进行缩放。我必须放大,然后再次缩小一个任意值以使图表显示出来。
这完全修复了图形。单击不会再使值消失,无论我做什么。当然,直到我重新加载页面。
我的代码:
new Dygraph(
this.el.id,
data.file,
{
rollPeriod: 1,
legend: 'always',
showRoller: false,
title: data.title,
labelsDiv: 'dygraph-legend-'+(data.type),
labelsSeparateLines: true,
hideOverlayOnMouseOut: true,
labelsShowZeroValues: false,
xlabel: 'Wavelength (nm)',
ylabel: '<span class="yTransmission">%T</span>',
axisLineWidth:'4',
strokeWidth:'2',
axisLabelFontSize:10,
axisLabelWidth:40,
gridLineWidth:0.2,
colors: data.colors.split(','),
dateWindow: [data.start,data.stop],
valueRange: [null, null],
axes: {
x: {
valueFormatter: function(x) {
return x + ' nm';
}
},
},
showRangeSelector: true
}
);