Question

我试图弄清楚如何为Shield UI JavaScript图表设置或启用网格线网。我有一个线型图，并希望启用网格线，以便用户更容易阅读数据。我在网上找到的是线条：

axisX: {
plotStripColor: 'red',
plotStripDashStyle: 'ShortDashDot',
plotStripWidth: 2
}

但实际结果并非显示我需要的网格线。

Answer 1

如你所说，没有经典的网格线或网。但是你可以通过使用X轴和Y轴的次要刻度来轻松模仿一个。

axisY: {
minorPlotStripColor: 'red',
minorPlotStripWidth: 2,
minorTicksRepeat: 'auto',
},

您可以指定的是线条的颜色，在给定的示例中为红色，即线条粗细，您需要将其设置为大于0的值才能看到。在大多数情况下，minorTicksRepeat属性最好设置为auto。原因是当用户放大时设置为固定值时，网格线将变得太厚，这可能会阻止用户轻松读取图形。

以下是您可能会觉得有用的代码示例：

axisX: {
   },
   minorPlotStripColor: 'red',
   minorPlotStripWidth: 2,
   minorTicksRepeat: 'auto'
  },

  axisY: {
   minorPlotStripColor: 'red',
   minorPlotStripWidth: 2,
   minorTicksRepeat: 'auto',
  },

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

1 个答案: