Javascript Highcharts:将图表旋转90度,同时重新绘制

Javascript Highcharts:将图表旋转90度,同时重新绘制,javascript,highcharts,Javascript,Highcharts,我正在尝试创建一个按钮,允许我将图表从纵向转向横向。 所以我所做的就是在单击按钮时向图表中添加一个类 变换:平移(-50%,-50%)旋转(90度) 确实如此,但图表是这样的 这就是我想要的 我想知道是否有办法做到这一点,可以使用highchart的API或JS。谢谢 不确定,如果我正确理解了您的意思,但是您是否试图通过单击按钮来更改图表方向?我不熟悉highcharts,但快速查看一下它们的API,类似这样的内容就足够了: /。。。 var hc=Highcharts.chart('cont

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

变换:平移(-50%,-50%)旋转(90度)

确实如此,但图表是这样的

这就是我想要的


我想知道是否有办法做到这一点,可以使用highchart的API或JS。谢谢

不确定,如果我正确理解了您的意思,但是您是否试图通过单击按钮来更改图表方向?我不熟悉highcharts,但快速查看一下它们的API,类似这样的内容就足够了:

/。。。
var hc=Highcharts.chart('container',{/*您的选项*/});
// ...
$('#goFS')。单击(函数(){
var w=400;
var h=800;
更新({
图表:{
高度:h,,
宽度:w,
倒过来:是的
}
});
});

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

你能添加一些示例代码而不是仅仅添加图片吗。顺便说一句,因为这样做(旋转90度)我的绘图似乎不起作用,它仍然保持在纵向模式(水平)而不是垂直模式。这是代码,我怎样才能让它转90度并重新绘制。谢谢你的代码,只需将class
full
添加到highcharts@Deep3015我使用了切换类的方式,结果将不同于首先添加类
full
。在带有移动视图的浏览器上尝试一下,你会看到我想说的话。而plotoption根本就不起作用……有没有办法将倒转应用到图例中?我尝试了反转和旋转,但似乎不起作用。看起来highcharts不支持本机旋转图例,因此您需要创建自己的图例。有一个类似的问题已经得到了回答:但是我的图例需要代码中的参数。。。。我不认为我可以这样使用它,有没有其他选择旋转90度?因为我也需要我的工具提示,这里真的需要一些帮助,它是到期的tmr ~~需要图例定位在日期轴下90度旋转如果你觉得旋转图例的解决方案不合适,请随意发布新问题。您可能希望参考已回答的问题并解释其不适用的原因,以便mods不会将其作为副本关闭。