Верхняя диаграмма показывает линии сетки на оси Y для каждой точки

Question

Я использую столбчатую диаграмму старшей диаграммы. В этом случае мое максимальное значение оси Y равно 10, а минимальное значение равно 0. Я хочу показать линии сетки для каждой точки от 0 до 10. Если высота графика меньше 185 пикселей, она показывает только пять линий сетки, и если она больше, то 185 px показывает линии сетки для всех точек. Я попытался установить интервал между тиками, но как минимум я установил интервал между тиками 0.1, он показывает только 8 линий сетки. Мой код оси у

yAxis: {
      min: 0,
      max: 10,
      tickInterval: 0.1,
      title: {
        text: '',
        align: 'high'
      },
      labels: {
        x: 1,
        y: 3,
        formatter: function() {
          if (this.pos === 0 || this.pos === 5 || this.pos === 10) {
            return this.pos;
          }
        }
      }
    }

Как я могу заставить его отображать все линии сетки для каждой точки? Спасибо.

Answer 1

В API мы можем прочитать:

tickInterval: число

...

Если tickInterval слишком плотный для рисования меток, Highcharts может удалить клещей.

...

Чтобы показать все отметки, используйте tickAmount свойство:

yAxis: {
    ...,
    tickAmount: 11
}

Живая демоверсия: http://jsfiddle.net/BlackLabel/oqu8hkn9/

API:

https://api.highcharts.com/highcharts/yAxis.tickInterval

https://api.highcharts.com/highcharts/yAxis.tickAmount

Answer 2

Вам нужно установить свойства gridLine, чтобы достичь того, что вам нужно.

Вот пример с 10 gridLines, показанными всегда. Это настроено так:

yAxis: {
  minorGridLineWidth: 1,
  minorTickInterval: 1,
  gridLineWidth: 0,
  ...
}

Рабочая JSFiddle: https://jsfiddle.net/ewolden/1cm6qd0n/8/

API на gridLines: https://api.highcharts.com/highcharts/yAxis.minorGridLineWidth