使用动态图javascript避免y轴上的浮点数标签,并将不同的网格线设置为次y轴
我有一个简单整数值的序列。因此,不需要将浮点数作为y轴标签 我使用axisLabelFormatter将y转换为整数。但结果是,我在y轴上复制了整数值 我怎样才能得到一个y轴,它只在正确的位置用单个整数标记 我希望第二个y轴也有一个不同的网格使用动态图javascript避免y轴上的浮点数标签,并将不同的网格线设置为次y轴,javascript,charts,dygraphs,Javascript,Charts,Dygraphs,我有一个简单整数值的序列。因此,不需要将浮点数作为y轴标签 我使用axisLabelFormatter将y转换为整数。但结果是,我在y轴上复制了整数值 我怎样才能得到一个y轴,它只在正确的位置用单个整数标记 我希望第二个y轴也有一个不同的网格 另请参见。我尝试了您的示例,对其进行了修改,得到了这个结果 下一步我已经修改了你的代码 var graph2 = new Dygraph(document.getElementById("graph2"), data, { axes: {
另请参见。我尝试了您的示例,对其进行了修改,得到了这个结果 下一步我已经修改了你的代码
var graph2 = new Dygraph(document.getElementById("graph2"), data, {
axes: {
y2: {
axisLabelFormatter: function(y) {
return texts[y] || parseInt(y);
},
drawGrid: true,
independentTicks: true,
pixelsPerLabel: 100,
gridLinePattern: [2,2]
}
},
legend: "always",
series: {
"State": {
axis: "y2",
strokeWidth: 2,
stepPlot: true,
}
},
strokeWidth: 2,
title: "my try to get what I want"
});
我已将drawGrid和independentLabels选项设置为true
有必要将像素标签调整为您认为“自动”、“打开”、“关闭”三个值最好显示的大小。
和栅格模式线,以显示右y轴的不同栅格
如果你认为没有网格看起来更好,你也可以移除拉格子。
我希望这能为你解决问题!问候 你能把你的动态图的选项和图表的图片贴出来吗?。RegardsI添加了一个示例。