Dealing with lengthy text on small resolutions might be tricky.
The best solution depends on multiple factors: your text, UI/UX design, what information should the chart convey, etc.
Without knowing much about your project, I'd simply recommend you adjust some of the chart's properties via the responsive
Here are some of the things that you can do:
- make the lengthy text of the legend shorter
- position the legend differently
- hide the legend completely
- render a custom legend with the SVGRenderer
(https://api.highcharts.com/class-refere ... VGRenderer
Here's a simple demo
showing the usage of the responsive
If you resize the window so that the width of the chart is below 400px you'll notice that the text in the legend changes.
Let me know if you have any more questions.