Stacked Chart not responsive

### Version

5.5

### Link to Minimal Reproduction

https://docs.google.com/document/d/1KZZIe_K3fWOdM9ZnTsDd1H4WrwhrNP6QyR22YpYcdvM/edit?usp=sharing

### Steps to Reproduce

1. put a lot of data in stacked line chart
2. define legends like below -
legend: {
data: ['Email', 'Union Ads', 'Video Ads', 'Direct', 'Search Engine', 'Search Engine1', 'Search Engine2', 'Search Engine3', 'Search Engine4', 'Search Engine5', 'Search Engine6'],
left: "55%",
right: "0%",
}
left should be more than 50 or maybe less as per the resolution.the

### Current Behavior

Legends are not responsive in horizontal alignment.

### Expected Behavior

It should be responsive and should not overlap with graph.

### Environment

```markdown
- OS:
- Browser:
- Framework:
```

### Any additional comments?

_No response_