Scrollable charts for large data set

Summary

For the large data set, we need a scrollbar to allow users to interact with the chart on a small width/height container. And also when we scroll the chart, the xaxis/yaxis should be sticky.

Sample from Highcharts: https://www.highcharts.com/docs/chart-concepts/scrollbar Jsfiddle: https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/chart/scrollable-plotarea

API Changes

I’m not sure about the API changes, I think we must split the axes and the chart into different containers and then make the chart overflow: scroll, so the chart will be scrollable and the axises still sticky on the front of the chart.

Intended Use Case

For large data sets which can’t be displayed well in a small container.

There is a related issue here: https://github.com/apexcharts/apexcharts.js/issues/543

A usage sample for heatmap:

Thanks a lot 🍻

[tlloydukdev]

+1 for this please, also vertical example from highcharts at https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/stock/yaxis/inverted-bar-scrollbar

[patryk-zielinski93]

This is a great idea because if there is a lot of data bar charts become unreadable. E.g.: https://codepen.io/zielu701/pen/poLrPaQ Some of the x axis labels are hidden also data labels on bars are unreadable. Scrolling ability will solve these issues.