highcharts 零值导致图表中途而不是底部

Question

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

我尝试按照文档的建议将 min: 0 添加到 yAxis。这没有任何作用。经过大量测试后，我发现只有在添加 max 时才会出现这个 work.The 问题，如果返回的数据值在任何时候都大于最大值，则条形图会射出图表。

谁能告诉我这个例子中的酒吧 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

之所以如此，是因为您的所有数据都是 0。更改这些值中的任何一个都会修复您的图表

Answer 2

您可以使用minRange代替max，因为当所有值为0时，这将使y轴的跨度较小，但在出现较大值时相应地进行调整。

例如：

yAxis:{
    min: 0,
    minRange: 2
}

查看 this JSFiddle demonstration 它如何适应具有较大值的更新点。

highcharts 零值导致图表中途而不是底部

highcharts zero values results in graph half way instead at the bottom

javascript

jquery

css

highcharts