Highcharts: чтобы повернуть график на 90 градусов, а также перерисовать его

Question

Я пытаюсь создать кнопку, которая позволяет поворачивать диаграмму из книжной ориентации в альбомную. Так что я сделал, чтобы добавить класс на диаграмму при нажатии кнопки.

transform: translate(-50%, -50%) rotate(90deg);

Это так, но график пошел так Повернуто на 90 градусов, но диаграмма не перерисовалась растянуть на весь экран

И это будет то, что я хотел, Повернуть на 90 градусов и полностью растянуть до нижней части экрана

Я задавался вопросом, есть ли способ сделать это, используя API Highchart или JS. Спасибо!

Answer 1

Не уверен, правильно ли я вас понял, но вы пытаетесь изменить ориентацию диаграммы одним нажатием кнопки? Я не знаком с хай-чартами, но бегло взглянув на их API, что-то вроде этого должно быть достаточно:

// ...
var hc = Highcharts.chart('container', { /* your options */ });
// ...
$('#goFS').click(function () {
    var w = 400;
    var h = 800;
    hc.update({
        chart: {
            height: h,
            width: w,
            inverted: true
        }
    });
});

Вместо жестко закодированных размеров вы, вероятно, можете прочитать и использовать размер контейнера или окна, в зависимости от вашей цели.