Question Comment masquer les valeurs de données des axes x


Je dessine un graphique à barres en utilisant highchart.js

Je ne veux pas afficher les valeurs de données sur l'axe des x.

Quelqu'un peut-il me dire quelle option le fait?
config complet:

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]
                }]
            });

42
2017-10-28 11:57


origine


Réponses:


Dans HighCharts, les graphiques à barres utilisent des axes inversés, de sorte que l'axe inférieur est vraiment l'axe Y. (Voir aussi les graphes "colonne" où le graphique est pivoté de 90 degrés, auquel cas l'axe du bas est l'axe des X.)

Vous devez ajouter les éléments suivants à la configuration yAxis

labels:
{
  enabled: false
}

Voir l'exemple suivant pour un exemple complet: http://jsfiddle.net/k5yBj/433/


75
2017-11-22 23:53



Pour masquer les étiquettes sur l'axe X, définissez l'option labels: {enabled:false} comme ça:

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

                    }


.....
....

Pour masquer les étiquettes sur l'axe des y, définissez l'option labels: {enabled:false} comme ça:

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

Reportez-vous à la documentation pour une meilleure compréhension.


19
2018-06-27 11:08



Si vous cachez des données x, regardez ceci 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);
}

0
2018-03-17 08:29