Как сделать так, чтобы диаграммы Highcharts.js хорошо выглядели на мобильных устройствах и компьютерах

Мне интересно, успешно ли кто-нибудь внедрил адаптивный дизайн с помощью Highcharts, чтобы его диаграммы хорошо выглядели как на мобильных устройствах, так и на настольных компьютерах.

По умолчанию Highcharts -масштабируется при изменении размера экрана браузера, просто ось X -загромождается текстом делений, а гистограммы выглядят высокими и слишком тонкими (слишком сжатыми ). Чтобы понять, что я имею в виду, вы можете перейти на эту страницу и изменить размер браузера.

Я думаю, что эти проблемы можно было бы решить, уменьшив количество точек данных, скажем, до 1/3 от исходного числа, хотя мне интересно, как это можно было бы выполнить программно с использованием API Highcharts. Если это не кажется хорошей идеей, меня также интересуют другие идеи или решения, которые люди могли бы придумать для использования Highcharts на мобильных устройствах (или, возможно, даже другие библиотеки построения диаграмм JS, где решение для нескольких -устройств могло бы проще реализовать? ).