comment masquer highchart axe des abscisses les valeurs de données

Je dessine un graphique à barres à l'aide de highchart.js

Je ne veux pas montrer l'axe des abscisses les valeurs de données.

Quelqu'un peut-il me dire quelle option n'est ce pas?

plein de config:

var chart = new Highcharts.Chart({
                chart: {
                    renderTo: container,
                    defaultSeriesType: 'bar'
                },
                title: {
                    text: null
                },
                subtitle: {
                    text: null
                },
                xAxis: {
                    categories: [''],
                    title: {
                        text: null
                    },
                    labels: {enabled:true,y : 20, rotation: -45, align: 'right' }

                },
                yAxis: {
                    min: 0,
                    gridLineWidth: 0,
                    title: {
                        text: '',
                        align: 'high'
                    }
                },
                tooltip: {
                    formatter: function () {
                        return '';
                    }
                },
                plotOptions: {
                    bar: {
                        dataLabels: {
                            enabled: true
                        },
                        pointWidth: 35,
                        color: '#D9CDC1'
                    }
                },
                legend: {
                    enabled: false
                },
                credits: {
                    enabled: false
                },
                series: [{
                    name: 'Year 1800',
                    data: [107]
                }]
            });

InformationsquelleAutor Nurul Asad | 2011-10-28

82

Dans HighCharts, graphiques à barres de l'utilisation inversé axes, de sorte que le bas de l'axe est vraiment l'axe. (Voir aussi "colonne" graphiques où le graphique est une rotation de 90 degrés, dans lequel cas, le bas de l'axe est l'axe des X.)

Vous devez ajouter les éléments suivants à l'ordonnée config
```
labels:
{
  enabled: false
}
```
Voir ci-après pour exemple complet:
http://jsfiddle.net/k5yBj/433/

InformationsquelleAutor Nick

À masquer les étiquettes sur l'axe des X définissez l'option labels: {enabled:false} comme ceci:

    .....
    ........
    ,
                    xAxis: {
                        categories: [''],
                        title: {
                            text: null
                        },
                        labels: {
                         enabled:false,//default is true
                         y : 20, rotation: -45, align: 'right' }

                    }


.....
....

À masquer les étiquettes sur l'axe des y définir l'option labels: {enabled:false} comme ceci:

.....
.......
,
                yAxis: {
                    min: 0,
                    gridLineWidth: 0,
                    title: {
                        text: '',
                        align: 'high'
                    },
                    labels:{
                        enabled:false//default is true
                    }
                },
.........
......

Reportez-vous à la documentation pour plus de compréhension.

InformationsquelleAutor Rahul Gupta

3

Ci-dessus populaire réponse se cache les étiquettes seulement, cette gauche graduations pour moi et dont je souhaite supprimer.

Dans ce cas cela fonctionne bien
```
    xAxis: {
            visible: false
        },
```
C'est une solution simple pour retirer tout sur l'axe x/y, pour toute personne intéressée. Pour plus d'informations, veuillez regarder ici https://api.highcharts.com/highcharts/xAxis.visible

InformationsquelleAutor RS3

Si masquage des données x, alors regardez cette
https://jsfiddle.net/anrilafosel/3g4z5kc3/

chart.xAxis[0].setCategories(newCategories);
for (i = 0; i < chart.series.length; i++) {
  var newData = [];
  for (j = 0; j < toggler_hc13.length; j++)
    if (toggler_hc13[j] === 1)
      newData.push(series_hc13[i].data[j]);
  chart.series[i].setData(newData);
}

InformationsquelleAutor 23 45

Vous devez vous connecter pour publier un commentaire.