显示/启用屏蔽UI JavaScript图表网格线

显示/启用屏蔽UI JavaScript图表网格线,javascript,charts,shieldui,Javascript,Charts,Shieldui,我试图弄清楚如何为屏蔽UI JavaScript图表设置或启用网格线网络。我有一个线型图,希望启用网格线,以便用户更容易读取数据。 我在网上可以找到的是lines stype: axisX: { plotStripColor: 'red', plotStripDashStyle: 'ShortDashDot', plotStripWidth: 2 } 但实际结果并不是我所需要的网格线。没有你所说的经典网格线或网格。但是,您可以通过使用X轴和Y轴的小刻度轻松地模拟一个 axisY: { mino

我试图弄清楚如何为屏蔽UI JavaScript图表设置或启用网格线网络。我有一个线型图,希望启用网格线,以便用户更容易读取数据。 我在网上可以找到的是lines stype:

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',
  },