Как показать только целые значения на yAxis HighChart?

У нас есть набор данных, содержащий количество экземпляров событий. Это могут быть целые числа. Когда мы показываем данные с достаточно высоким значением yValue, ярлыки yAxis являются целыми числами. Однако, когда мы приближаемся к диапазонам данных, которые имеют значение y = 5, мы видим, что маркеры тиков показывают такие вещи, как 0,5, 0,75, 1,5 и т. Д. Как заставить ярлыки yAxis показывать только целые значения?

Here is an example bit of code with some data. As you zoom in to the lower value region of the chart you can see what I mean. This is the current yAxis setup:

yAxis: {
  labels: {
    style: {
      fontSize: '9px',
      width: '175px'
    }
  },
  title: {
    text: ''
  }
},
30
добавлено отредактировано
Просмотры: 2
nl ja de

1 ответы

Установите для параметра allowDecimals в оси y значение false, чтобы предотвратить отображение нецелевых меток:

yAxis: {
    allowDecimals: false,
    labels: {
        style: {
            fontSize: '9px',
            width: '175px'
        }
    },
    title: {
        text: ''
    }
}

Here is a demonstration: http://jsfiddle.net/sBC9K/

87
добавлено
Приобретен, но Риконатор был первым. Это также работает.
добавлено автор wergeld, источник
@RicardoLohmann, это интересно - разве это не ошибка в HighStock? Да, я вижу, что allowDecimals является более полным ответом, но minTickInterval работал как рекламируемый в моем случае.
добавлено автор wergeld, источник
Ну, я вообще не устанавливаю tickInterval . И я не вижу, чтобы это было указано в примерах @ РикардоЛохманн. Но я определенно рассматриваю это как проблему в наших диаграммах, где мы устанавливаем tickInterval . Дайте Асаду ответ.
добавлено автор wergeld, источник
@RicardoLohmann На самом деле, я согласен. A minTickInterval of 1 не означает, что tickInterval не может быть 2.5 или некоторое другое десятичное значение больше чем 1 . Вот где он разбивается в вашем примере; jsfiddle.net/uDg9k/6 . Так что да. Ответ Асада правильный.
добавлено автор Rikonator, источник
@wergeld Но ответ Риконатора работает только на этот случай. Вы можете видеть на следующей диаграмме: jsfiddle.net/R8Hub/1 Это не работает, потому что tickInterval выше 1. И на той же диаграмме, используя allowDecimals , он работает. jsfiddle.net/R8Hub/2 . Так что это правильный ответ.
добавлено автор Ricardo Alvaro Lohmann, источник
@wergeld Это не ошибка, я объяснил, что это происходит потому, что tickinterval для более высоких значений выше 1, он не предотвращает числа выше 1, чуть ниже.
добавлено автор Ricardo Alvaro Lohmann, источник
Благодаря! Это хорошо работает, если у вас есть динамический набор значений оси.
добавлено автор Con Antonakos, источник