score:0

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.

score:1

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: https://github.com/highcharts/highcharts/issues/6600, 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: http://jsfiddle.net/blacklabel/8bq9yl4f/


Related Query

More Query from same tag