0

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

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

但实际结果不是我需要的显示的网格线。

4

1 回答 1

0

正如你所说，没有经典的网格线或网。但是您可以通过使用 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',
  },
于 2014-04-11T09:50:43.087 回答