Highcharts省略X軸標簽

Question

我在這里有問題圖表的演示。

這是我用來生成圖表的代碼。 圖表渲染后，它會切斷x軸標簽的option2嗎？ 是什么原因造成的？

我沒有使用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]
        }]
    });
});

Answer 1

問題在這里：

height: 180

我可以在Chrome上重現您的問題，並且可以通過刪除“ height：180”或分配更大的值來解決此問題，因此我認為您的標簽由於高度不足而被隱藏了。 如果您有4個點，則第二個和第三個將以該高度隱藏。

Answer 2

這是Highcharts的3.0.7版本的已知錯誤。 已在master分支上解決： http : //jsfiddle.net/DNREz/1/

碩士來自：

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