Accepted answer

the problem was in the boost part of the config:

config = {
  boost: {
      enabled: true,
      usegputranslations: true,
      seriesthreshold: 30

so i can up that seriesthreshold or just disable boost for this case to solve the problem. though i would like to know if there's a way to get the boost rendering to correctly show the columns side by side.


when you are using the boost module, columns are always one pixel wide. additionally, a lot of functionality (such as grouping, which causes this problem) is disabled when the boost module works.

here:, you have very well explained the assumptions of this module.

to work around, you can use decimal x values:

series: [{
    data: [1]
}, {
    data: [2, 2]
}, {
    data: [{
        x: 0.3,
        y: 1
}, {
    data: [2]
}, ... ]

live demo:

Related Query

More Query from same tag