web-dev-qa-db-fra.com

Comment afficher uniquement les valeurs entières sur yAxis de HighChart?

Nous avons un ensemble de données qui contient le nombre d'instances d'événements. Il ne peut s'agir que d'entiers. Lorsque nous affichons des données dont la valeur yValue est suffisamment élevée, les étiquettes yAxis sont des entiers. Cependant, lorsque nous zoomons sur des plages de données qui ont moins de y = 5, nous voyons les marqueurs de graduation afficher des choses comme 0,5, 0,75, 1,5, etc. Comment pouvons-nous forcer les étiquettes yAxis à n'afficher que des valeurs entières?

Ici est un exemple de code avec quelques données. Lorsque vous effectuez un zoom avant sur la zone de valeur inférieure du graphique, vous pouvez voir ce que je veux dire. Voici la configuration actuelle de yAxis:

yAxis: {
  labels: {
    style: {
      fontSize: '9px',
      width: '175px'
    }
  },
  title: {
    text: ''
  }
},
35
wergeld

Définissez l'option allowDecimals sur l'axe y sur false afin d'empêcher l'affichage de graduations non entières:

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

Voici une démonstration: http://jsfiddle.net/sBC9K/

105
Asad Saeeduddin