Apexcharts.js: Column chart cuts off start and end.

[CSondergaard]

Bug report

Columns get cut off at the start and end of the chart. This is using multi chart with 4 columns and 1 line.

Codepen

https://codepen.io/CSondergaard/pen/VweKBQw

[liztra]

I have the same problem with a similar chart

Codepen:
https://codepen.io/liztra/pen/rNxmyKr

[dmeigs]

I had this problem as well. I discovered that if you change the chart type from "line" to "bar", it renders correctly. The example in the documentation shows the chart type as "line", but that seems to be incorrect.

[saulogiga]

My resolution was to include the parameter stacked = false

chart: {
fontFamily: 'Nunito, sans-serif',
height: 350,
type: 'line',
stacked: false

[Carniatto]

this was reported here also: https://github.com/apexcharts/apexcharts.js/issues/958#issuecomment-539441492

[alejandroeclair]

This is still an ongoing issue in the latest release for react-apexcharts. Codepen: https://codepen.io/l1qu1d1c3/pen/eYBWWWW

A possible solution is modifying the xaxis tickPlacement to _between_ , BUT, it disables the toolbar....