如何隐藏高图x轴数据值

Question

我正在绘制条形图 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]
                }]
            });

Answer 1

在HighCharts中,条形图使用反转轴,因此底部轴实际上是Y轴.(另请参见"列"图,其中图形旋转90度,在这种情况下,底轴是X轴.)

您需要将以下内容添加到yAxis配置中

labels:
{
  enabled: false
}

请参阅以下完整示例:http: //jsfiddle.net/k5yBj/433/

Answer 2

要在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
                    }
                },
.........
......

请参阅文档以获得进一步的理解.

Answer 3

上面的流行答案仅隐藏了标签，这对我来说留下了刻度线，我也希望将其删除。

在这种情况下，这很有效

    xAxis: {
            visible: false
        },

这是一个简单的解决方案，可以为任何感兴趣的人删除 x/y 轴上的所有内容。有关更多信息，请查看这里https://api.highcharts.com/highcharts/xAxis.visible