2

我在这里有一个问题图表的演示。

这是我用来生成高图的代码。当图表呈现时，它会切断 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]
        }]
    });
});
4

2 回答 2

0

问题在这里：

height: 180

我可以在 Chrome 上重现您的问题，我通过删除“高度：180”或分配更大的值来修复它，所以我认为您的标签由于高度不足而被隐藏。如果你有 4 个点，那么第 2 个和第 3 个点将被隐藏在那个高度。

于 2013-11-04T16:47:37.597 回答
0

这是 Highcharts 3.0.7 版本的已知错误。已在主分支上解决：http: //jsfiddle.net/DNREz/1/

大师取自：

<script src="http://github.highcharts.com/master/highcharts.js"></script>
于 2013-11-05T13:29:14.303 回答