Using crisp: false option solved the issue. But in some cases the chart looks hazy.


Set series.crisp to false.

crisp: Boolean

When true, each column edge is rounded to its nearest pixel in order to render sharp on screen. In some cases, when there are a lot of densely packed columns, this leads to visible difference in column widths or distance between columns. In these cases, setting crisp to false may look better, even though each column is rendered blurry. Defaults to true.

plotOptions: {
  column: {
   pointPadding: 0,
   borderWidth: 0,
   groupPadding: 0.08,
   crisp: false


Related Query

More Query from same tag