Как повернуть весь график в amCharts 4?

Question

[Sergei Erm]

После перехода на новую версию, столкнулся с проблемой поворота графика на 90 градусов. В версии amCharts3 можно было сделать одной строкой "rotation": true. Ниже приведу код.
Единственное вычитал, не смог применить categoryAxis. класс Sprites и его атрибут rotation (0-360)

Внимание, вопрос: Как повернуть данный график на 90 градусов? Какие строки надо дописать?
Заранее благодарю!



https://codepen.io/larvis/pen/MLVqmG

Answer 1

[Sergei Erm]

Всё оказалось довольно интересно:
Надо заменить fабсолютно все упоминания оси X на ось Y и наоборот.
(внимание на символы X Y)

Было:

var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
series.dataFields.categoryX= "country";

Стало:

var valueAxis = chart.xAxes.push(new am4charts.ValueAxis());
series.dataFields.categoryY = "country";

Answer 2

[Сергей Соколов]

Весь график отрисовывается внутри одного элемента <svg/>

Добавьте ему CSS свойство transform: rotate(90deg);

Ба-дум-тссс!

Comments

[Sergei Erm]

Классное решение, для скриншота я проделал тоже самое)) Только применять надо к div обёрточному.
Но как то уж не спортивно :D