Highcharts：将图表旋转90度，但也重绘它

Question

我正在尝试创建一个按钮，允许我将图表从纵向转换为横向。 所以我做的是在单击按钮时向图表添加一个类。

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

确实如此，但图表是这样的 Rotated 90 degrees, but the chart didn't redraw to stretch full screen

这就是我想要的，Rotated 90 degrees, and fully stretched to the bottom of the screen

通过使用highchart的API或JS，我想知道是否有办法这样做。谢谢！

Answer 1

不确定，如果我理解正确，但您是否尝试更改按钮单击时的图表方向？我不熟悉highcharts，但快速浏览一下他们的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
        }
    });
});

您可以阅读并使用容器或窗口的大小，而不是硬编码的大小，具体取决于您的目标。