Make Chart Margins and Padding Optional/Adjustable

Is your feature request related to a problem? Please describe.

We have removed the left axis labels, but can’t left-align the chart because the entire element has been translated:

<g class="apexcharts-inner apexcharts-graphical" transform="translate(20, 30)">

• Red Line: This is the left SVG bound, where we would like to align the chart.
• Green Line: This is where the chart begins because of the translate. Margin should be optional
• Blue Line: This is where the series data starts, this data should also be optional
• Orange Lines: The same data padding on the right side should be optional

Describe the solution you’d like

Give options to remove/adjust these margins/padding (currently the only way is to use Sparklines, but this limits other options)

Describe alternatives you’ve considered

Forking repo; manual/external CSS overrides; masking with external elements; etc

Additional context

n/a

[junedchhipa]

@benhaynes The way to remove all paddings/margins would be

1. hide the y-axis by yaxis.show = false
2. Remove the default grid paddings

grid: {
  padding: {
    left: 0,
    right: 0
  }
}

This should remove all unnecessary spacings. Let me know if the above settings worked.

This update is available in v2.2.0

[inoda]

Is there a way to keep the y-axis labels but still remove the extra padding on the left? It’s unideal that the only way to get rid of it is by removing helpful labeling.