javascript - Highcharts 柱形图中的最大条形宽度

Question

我正在使用 Highcharts 创建一些垂直条(又名“柱形图”)，很像这里:highcharts.com/demo/column-basic

问题是，有时图表中有 30 个柱，有时只有两个。那么图表中哪里有两个非常宽的条，看起来很奇怪，所以决定为条设置最大宽度。这样，如果只有两个，那么它们的宽度不会超过 50px，但如果有 50 个，那么 Highcharts 可以按照它认为合适的方式调整它们的大小。

所以我的问题是 Highcharts 没有办法明确设置列的最大宽度。有没有人找到解决方案？

Answer 1

显然，这个问题很久以前就被问过了，当时这个功能不存在，但是从 Highcharts 4.1.8 开始，您可以使用 plotOptions.column.maxPointWidth 来完成此操作而无需任何变通方法。环境:

$('#container').highcharts({
    /* Other chart settings here... */
    plotOptions: {
        column: {
            /* Here is the setting to limit the maximum column width. */
            maxPointWidth: 50
        }
    }
    /* Other chart settings here... */
});

下面是基本柱形图示例的 JSFiddle，经过修改以显示此工作:

http://jsfiddle.net/vu3dubhb/

此设置的文档在这里: http://api.highcharts.com/highcharts#plotOptions.column.maxPointWidth