Question

我们在整个应用程序中遇到问题，如果某个特定值相对于最大值非常小，则不会渲染条形图。以下jsFiddle说明了这个问题：

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'bar'
        },
        title: {
            text: null
        },
        xAxis: {
            title: {
                text: null
            },
            labels: {
                enabled: false
            }
        },
        yAxis: {
            min: -50000,
            max: 5000000,
            title: {
                text: null
            }
        },
        tooltip: {
            enabled: false
        },
        plotOptions: {
            bar: {
                dataLabels: {
                    enabled: true
                }
            }
        },
        legend: {
            enabled: false
        },
        credits: {
            enabled: false
        },
        exporting: {
            enabled: false
        },
        series: [{
            categories: ['John', 'Jane', 'Bob', 'Bill', 'Jesus'],
            data: [5000000, 20000, 200, -50000, -10000]
        }]
    });
});

请注意，200和-10000的条形图根本不会渲染。有没有办法将最小宽度设置为2或3像素？我已经尝试了几件事并四处搜索，但没有发现任何真正解决问题的东西。我们有很多不同的图表表现出这种行为，而上/下值可能会根据我们提取的数据类型而发生巨大变化。

增加容器的宽度不是一种选择，因为我们以列格式渲染许多图表，这给我们带来了有限的空间。

非常感谢任何帮助。

Answer 1

我认为你想要的选项是minPointLength：

plotOptions: {
            bar: {
                minPointLength:5,
                dataLabels: {
                    enabled: true
                }
            }

Highcharts条形图 - 如何设置最小条宽/长度

1 个答案: