highcharts - 如何删除两个不同类别之间的highChart条形图之间的空间

Question

阅读 jsfiddle 中的评论。在 c1 http://www.jsfiddle.net/QnU9e/1/中的蓝色和绿色之间的渲染图中不应存在空格

在条形图制作中 2 类 3 系列

series: [{
        name: 'A',
        data: [49.5, 71.5]

    }, {
        name: 'B',
        data: [null, 78.8] // The space should not be there in rendered graph between blue one and green one in c1

    }, {
        name: 'c',
        data: [30, 78.8]

    }]

Answer 1

我能找到的唯一方法是通过指定 X 数据值自己控制条间距。请注意，我设置了pointPadding: 0，plotOptions所以我可以完全控制。

    series: [{
        name: 'A',
        data: [[0.075,49.5], [1,71.5]]

    }, {
        name: 'B',
        data: [[0,null], [1.025,78.8]]// The space should not be there in rendered graph between blue one and green one in c1

    }, {
        name: 'c',
        data: [[-0.075,30], [1.05,78.8]]

    }]

更新小提琴。

Answer 2

Uforutnatley 不支持此选项，但您可以尝试通过 translate() 函数操作列，该函数允许移动 SVG 元素。