Highcharts - Rembourrage de l'axe Y dans un diagramme à barres

- Je utiliser un style de y les étiquettes de l'axe dans laquelle chaque nombre est placé, aligné à gauche, sur le haut de sa grille de la ligne horizontale, comme dans l'image ci-dessous.

La seule complication avec cette HighCharts est que les étiquettes de l'axe est parfois se chevaucher avec la première colonne dans un tableau.

Mise à jour de la démo: Pour un exemple, voir ce tableau: http://jsfiddle.net/NWsgz/1/

Highcharts - Rembourrage de l'axe Y dans un diagramme à barres

J'ai essayé de réaliser cela à l'aide de xAxis.minpaddingmais cette propriété ne semble pas avoir d'effet sur les graphiques à colonnes. Est-il possible de Highcharts pour obtenir l'effet que je vais? Je pourrais théoriquement obtenir l'effet en faisant le bars très étroit, mais je suis à la recherche d'une autre solution.

source d'informationauteur supertrue

  1. 4

    Il ne fonctionne pas pour classés les axes de ce type,l'axe est divisé en catégories, de sorte min/max rembourrage n'est pas autorisé.

    Solution Possible est d'utiliser la norme de l'axe, mais l'utilisation formatter pour l'axe, voir: http://jsfiddle.net/NWsgz/4/

  2. 12

    Je suis venu avec une solution de contournement, mais il n'est pas parfait.

    1. Séparer l'ordonnée du graphique à l'aide d' yAxis.offset
    2. Utilisation extra-longue de marques de graduation pour simuler le quadrillage s'étendant hors de la gauche

    Comme ceci: 

    yAxis: {
  offset: 30,
  tickLength: 30, //Same value as offset
  tickPosition: "inside",
  tickWidth: 1,
  tickColor: "black", //The same as your gridLine color
  labels: { 
    align: 'left',
    x: 0,
    y: -8 //Position labels above their gridLine/tickMark
  }
}

    Pour une démonstration, voir http://jsfiddle.net/supertrue/NWsgz/2/

    Pourquoi il n'est pas idéal

    Je veux que mon quadrillage à l'utilisation d'un tableau de style (par exemple,dashStyle: 'longdash'), mais il ne semble pas être un moyen pour appliquer un style de tiret pour les marques de graduation.

    J'aimerais savoir si il existe un moyen de le faire, ou une solution de contournement mieux.

  3. 0

    Vous pouvez utiliser le paramètre de décalage pour l'axe des y http://api.highcharts.com/highcharts#yAxis.offset