Apexcharts.js: How do I remove the padding entirely for a stacked bar chart?

[jlil]

Codepen

https://codesandbox.io/s/react-apex-charts-mqv6c

Explanation

• What is the behavior you expect?
  I tried setting grid.padding to 0 for left/top/right/bottom but it didn't help. There's a div wrapping the chart with a lot of padding.

• What is happening instead?
  I expect to have an option to remove all padding for a chart. I am looking to embed this in a table with a fixed height and a 100% width.

• What error message are you getting?
  n/a

[junedchhipa]

To remove all xaxis, yaxis spacings, turn on the sparkline flag.

chart: {
  type: "bar",
  sparkline: {
    enabled: true
  }
},
plotOptions: {
  bar: {
    barHeight: '100%',
  }
}

[jlil]

@junedchhipa thanks!

[immint023]

@juedchippa it works for me :D thanks