Grid Alignment

[andresumanzor]

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

Describe the solution you'd like
Access to a prop which would allow users to select if the grid would be either aligned regarding the X or Y axis.

Describe alternatives you've considered
The grid not to start halfway before the first point on the X Axis

Additional context
Sample Options Code (This was mind for a Spline Chart so, don't mind the extra color values on the colors attribute):

var options = {
  chart: {
    height: 380,
    type: "area"
  },
  series: [
    {
      name: "Series 1",
      data: [45, 52, 38, 45, 19, 23, 2]
    }
  ],
  xaxis: {
    categories: [
      "01 Jan",
      "02 Jan",
      "03 Jan",
      "04 Jan",
      "05 Jan",
      "06 Jan",
      "07 Jan"
    ]
  },
  dataLabels: {
        enabled: false
    },
    stroke: {
        show: true,
        curve: 'smooth',
        lineCap: 'butt',
        colors: undefined,
        width: 2,
        dashArray: 0,
    },
    markers: {
        size: 3,
        colors: undefined,
        strokeColor: '#fff',
        strokeWidth: 2,
        strokeOpacity: 0.9,
        fillOpacity: 1,
        shape: "circle",
        radius: 2,
        offsetX: 0,
        offsetY: 0,
        hover: {
            size: 4
        }
    },
    fill: {
        colors: undefined,
        opacity: 0.4,
        type: 'solid',
    },
    grid: {
        show: true,
        borderColor: '#dcdcdc',
        strokeDashArray: 0,
        position: 'back',
        clipMarkers: true,
        xaxis: {
            lines: {
                show: true,
                offsetX: '0.5',
                offsetY: '0.5'
            }
        },
    },
    colors: ["#90c695", "#6aa894", "#f47d54", "#7d6cb7", "#104c6d", "#e08283", "#fba969", "#50bccd", "#cc6050"]
};

Screenshot:

Thank you!

[junedchhipa]

In category x-axis chart, the left and right padding cannot be removed easily.

You can try xaxis.type = 'datetime' along with
grid.padding.left = 0 and
grid.padding.right = 0

Your updated demo: https://codepen.io/junedchhipa/pen/XxgeKE

Also, I didn't understand your point "if the grid would be either aligned regarding the X or Y axis." Could you elaborate, please?

[andresumanzor]

Thank you @junedchhipa, it works like a charm!