highcharts零值会在图的中间显示，而不是在底部显示

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

本文关键字：显示 底部 highcharts 中间      更新时间：2024-05-27

我遇到一个问题，当从数据库返回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]
        }]
    });
});

在不破坏图的正常函数的情况下，将其设置在图的底部，而不是进行到一半？

您可以使用minRange而不是max，因为当所有值都是0时，这会给y轴一个较小的跨度，但当出现较大值时会相应地进行调整。

例如：

yAxis:{
    min: 0,
    minRange: 2
}

请参阅此JSFiddle演示，了解它如何适应具有较大值的更新点。

这只是因为您的所有数据都是0。更改任何这些值都可以修复图形

相关文章：