如何删除两个不同类别之间的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]]

    }]

更新fiddle。

Answer 2

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