Javascript Highcharts忽略X轴标签

我有一个问题图表的演示

下面是我用来生成highchart的代码。当图表呈现时，它会切断x轴标签的选项2？这是什么原因造成的

我没有使用step参数，所以没有任何理由跳过标签。。。当您将鼠标悬停在工具栏上时，它会使用mouseover事件呈现find以显示类别名称，但不会在工具栏旁边显示类别名称

任何建议都将不胜感激

$(function () {
    prchart3 = new Highcharts.Chart({
        chart: {
            renderTo: 'prcont23',
            type: 'bar',
            width: 300,
            height: 180
        },
        title: {
            text: 'Test results'
        },
        xAxis: {
            categories: ['option1', 'option2', 'opt3'],
            title: {
                text: null
            }
        },
        yAxis: {
            min: 0,
            title: {
                text: '0 Total Votes',
                align: 'high'
            },
            labels: {
                overflow: 'justify'
            }
        },
        plotOptions: {
            bar: {
                dataLabels: {
                    enabled: true
                }
            }
        },

        legend: {
            enabled: false
        },
        exporting: {
            enabled: false
        },
        credits: {
            enabled: false
        },
        series: [{
            name: 'vote test',
            data: [20, 50, 1000]
        }]
    });
});

问题在于：

height: 180

---

我可以在Chrome上复制你的问题，我通过删除“高度：180”或指定更大的值来修复它，因此我认为你的标签是隐藏的，因为高度不够。如果你有4个点，那么第2个和第3个点将以该高度隐藏。

这是Highcharts的3.0.7版本的已知错误。已在主分支上解决：

大师选自：

<script src="http://github.highcharts.com/master/highcharts.js"></script>

真奇怪。我得到了相反的结果。当我使用版本3.0.7时，我会看到所有标签，但当我使用较新版本时，标签不会全部显示：Highcharts不会设置较高的左边距，因此会隐藏标签。例如，您可以设置110px左边距，以确保有足够的空间。另外，尝试使用固定宽度的格式化程序作为标签。我在highcharts上发现了一个问题，他们建议了一些其他的解决方法