Отображение /EnablingShield UI JavaScript линии сетки диаграммы

Question

Я пытаюсь выяснить, как можно установить или включить сеть линий сетки для диаграммы JavaScript Shield UI. У меня есть график типа одной линии, и я хотел бы включить линии сетки, чтобы пользователям было легче читать данные. Что я могу найти в Интернете, так это стиль линий:

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