HighCharts：当多系列时，列不居中

Question

如果我有一系列单个元素 - 列居中确定

series: [{
    data:[[1497870000000,207.207],[1497873600000,97.766],[1497877200000,320.879],[1497880800000,101.188],[1497884400000,122.674],[1497888000000,75.415]]],
    name:'ST100',
    color:'#FFFF00'
}]

当两个或更多元素时，列更薄并且没有正确居中

series: [{
    data:[[1497870000000,207.207],[1497873600000,97.766],[1497877200000,320.879],[1497880800000,101.188],[1497884400000,122.674]],
    name:'ST100',
    color:'#FFFF00'
},
{
    data:[[1497888000000,75.415]],
    name:'ST200',
    color:'#FFFF00'
}
]

我需要为系列设置多个元素来定义单独的颜色等。 如何使列居中并固定宽度？

请参阅演示：https://jsfiddle.net/ihtus/pqxhqg37/

Answer 1

在条形图或柱形图中使用多个系列时，默认情况下，Highcharts会将grouping设置为true。

这会为所有系列的每个类别创建空间。

假设您不想要对任何数据进行分组（即在相同的x值上并排绘制两个点），最简单的解决方案是设置{{1 } grouping中的false。

更新小提琴：

• https://jsfiddle.net/jlbriggs/pqxhqg37/18/

<强>输出：

Answer 2

解决方案是使用一个系列并在数据中指定颜色

series: [{
    data:[
        {x:1497870000000,y:207.207,color:'#FFFF00'},
        {x:1497873600000,y:97.766,color:'#00FF00'},
        [1497877200000,320.879],
        [1497880800000,101.188],
        {x:1497884400000,y:122.674,color:'#0000FF'}
    ],
    name:'ST100'

}]

https://jsfiddle.net/ihtus/s6v0z4xk/