显示/启用屏蔽UI JavaScript图表网格线
我试图弄清楚如何为屏蔽UI JavaScript图表设置或启用网格线网络。我有一个线型图,希望启用网格线,以便用户更容易读取数据。 我在网上可以找到的是lines stype:显示/启用屏蔽UI JavaScript图表网格线,javascript,charts,shieldui,Javascript,Charts,Shieldui,我试图弄清楚如何为屏蔽UI JavaScript图表设置或启用网格线网络。我有一个线型图,希望启用网格线,以便用户更容易读取数据。 我在网上可以找到的是lines stype: axisX: { plotStripColor: 'red', plotStripDashStyle: 'ShortDashDot', plotStripWidth: 2 } 但实际结果并不是我所需要的网格线。没有你所说的经典网格线或网格。但是,您可以通过使用X轴和Y轴的小刻度轻松地模拟一个 axisY: { mino
axisX: {
plotStripColor: 'red',
plotStripDashStyle: 'ShortDashDot',
plotStripWidth: 2
}
但实际结果并不是我所需要的网格线。没有你所说的经典网格线或网格。但是,您可以通过使用X轴和Y轴的小刻度轻松地模拟一个
axisY: {
minorPlotStripColor: 'red',
minorPlotStripWidth: 2,
minorTicksRepeat: 'auto',
},
可以指定的是线条的颜色(在给定示例中为红色),线条的厚度,需要设置为大于0的值才能显示。
在大多数情况下,最好将minorTicksRepeat属性设置为“自动”。原因是,当用户放大网格线时,如果设置为固定值,网格线将变得太粗,这可能会阻止用户轻松读取图形
以下是您可能会发现有用的代码示例:
axisX: {
},
minorPlotStripColor: 'red',
minorPlotStripWidth: 2,
minorTicksRepeat: 'auto'
},
axisY: {
minorPlotStripColor: 'red',
minorPlotStripWidth: 2,
minorTicksRepeat: 'auto',
},