Question

我有一个问题，当从数据库返回0值时，图表中的条形图最终显示在中间，而不是从0开始显示在底部。

我尝试按照文档的建议将min：0添加到yAxis。这没什么。经过大量测试后，我发现只有在添加max时才能正常工作。问题是，如果返回的数据值大于任何点的最大值，则条形图会在图表外部拍摄。

有人可以建议这个例子中的条形图 http://jsfiddle.net/2fuRA/71/

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column',
            margin: 75,
            options3d: {
                enabled: true,
                alpha: 15,
                beta: 15,
                depth: 50
            }
        },
        plotOptions: {
            column: {
                depth: 25
            }
        },
        yAxis:{
            min: 0,
        },
        series: [{
            data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
        }]
    });
});

是设置在图形的底部而不是中断，而不会破坏图形的正常函数？

Answer 1

您可以使用minRange代替max，因为当所有值均为0时，这将为y轴提供一个小跨度，但在出现较大值时会相应调整。

例如：

yAxis:{
    min: 0,
    minRange: 2
}

请参阅this JSFiddle demonstration，了解它如何适应更大值的更新点。

Answer 2

只有这样，因为你的所有数据都是0.更改任何这些值都会修复你的图形

highcharts零值导致图形的一半而不是底部

2 个答案: