Highcharts Синхронизировать графики по вертикали

Question

Я пытаюсь построить синхронные диаграммы, как по этой ссылке https://www.highcharts.com/demo/synchronized-charts,, но переключите оси X и Y для просмотра диаграмм, как на рисунке ниже:

Как это можно сделать?Любая помощь высоко ценится!Спасибо!

Answer 1

Необходимо включить свойство inverted для диаграмм и установить правильные размеры для контейнеров, например:

JS:

chart: {
    inverted: true
}

CSS:

.chart {
    width: 33%;
    height: 600px;
    margin: 0 auto;
    display: inline-block;
}

Демо: https://jsfiddle.net/BlackLabel/cdok7w0L/

API: https://api.highcharts.com/highcharts/chart.inverted