Bar chart column hover background color

• November 22, 2023 at 9:21 am #44161
  
  lujakob

  Hi…

  How can I change the padding/distance between my bars in a bar chart. Right now there is almost now padding/distance. I know I can set the a fixed pixel width, but that doesn’t work dynamically.

  https://canvasjs.com/docs/charts/chart-options/datapoint-width/

  I would like the have a distance between bars the same with as a bar is itself. Do you have any help for me?

  Thanks

  November 22, 2023 at 8:10 pm #44173
  
  Sachin Bisht

  @lujakob,

  You can set the distance between data points same as width of the of the data points by setting dataPointWidth dynamically as shown in the code snippet below.

  chart.set("dataPointWidth",Math.ceil(chart.axisX[0].bounds.width/chart.data[0].dataPoints.length / 2),true);

  Please take a look at this JSFiddle for the working example on the same.

  __
  Sachin Bisht
  Team CanvasJS