web-dev-qa-db-ja.com

ハイチャートxを非表示にする方法-軸データ値

highchart.jsを使用して棒グラフを描画しています

x-軸データ値を表示したくない

どのオプションがそれを行うのか教えてもらえますか？
フル設定：

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]
                }]
            });
javascriptjquerychartshighchartsbar-chart
47
Nurul Asad

HighChartsでは、棒グラフは反転軸を使用しているため、下軸は実際にはY軸です。 （グラフィックが90度回転する「列」グラフも参照してください。この場合、下の軸はX軸です。）

以下をyAxis構成に追加する必要があります

labels:
{
  enabled: false
}

完全な例については、以下を参照してください。 http://jsfiddle.net/k5yBj/433/

83
Nick

X軸のラベルを非表示にするには、オプションlabels: {enabled:false} このような：

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

                    }


.....
....

Y軸のラベルを非表示にするには、オプションlabels: {enabled:false} このような：

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

ドキュメントを参照 理解を深めてください。

20
Rahul Gupta

上記の人気のある回答では、ラベルのみが非表示になっています。この左の目盛りは、私も削除したいものです。

その場合、これはうまく機能します

    xAxis: {
            visible: false
        },

これは、関心のある人のためにx/y軸上のすべてを削除する簡単なソリューションです。詳細については、こちらをご覧ください https://api.highcharts.com/highcharts/xAxis.visible

3
RS3

Xデータを非表示にする場合は、これを見てください 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
23 45