时间戳

首页 > 解决方案 > Highcharts：将图表旋转 90 度但也重新绘制它

javascript - Highcharts：将图表旋转 90 度但也重新绘制它

问题描述

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

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

确实如此，但图表像这样 旋转了 90 度，但图表没有重绘以拉伸全屏

这将是我想要的，旋转 90 度，并完全拉伸到屏幕底部

我想知道是否有办法通过使用 highchart 的 API 或 JS 来做到这一点。谢谢！

标签： javascripthighcharts

解决方案

不确定，如果我理解正确，但您是否尝试通过单击按钮更改图表方向？我不熟悉 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
        }
    });
});

根据您的目标，您可能可以读取和使用容器或窗口的大小，而不是硬编码的大小。

推荐阅读