Javascript 动态图中的垂直图形?
我想在web项目中使用动态图,但我需要以“垂直”的方式绘制线条-意思是-通常是X轴(水平,沿底部),我需要从上到下绘制(X轴沿左边缘)Javascript 动态图中的垂直图形?,javascript,dygraphs,Javascript,Dygraphs,我想在web项目中使用动态图,但我需要以“垂直”的方式绘制线条-意思是-通常是X轴(水平,沿底部),我需要从上到下绘制(X轴沿左边缘) 我已经查看了几个用于此的图形库,但似乎没有一个支持它。我最近发现了动态图,所以我希望它可能有这个功能 虽然立轴图不支持开箱即用,但使用CSS转换可以实现这种效果。基本上,将包含图表的旋转90度,然后撤消标签的转换 一个dygraphs用户能够完成这项工作。请参见。css以旋转图形: .graphStyle { transform: rotate(90deg)
我已经查看了几个用于此的图形库,但似乎没有一个支持它。我最近发现了动态图,所以我希望它可能有这个功能 虽然立轴图不支持开箱即用,但使用CSS转换可以实现这种效果。基本上,将包含图表的
旋转90度,然后撤消标签的转换
一个dygraphs用户能够完成这项工作。请参见。css以旋转图形:
.graphStyle {
transform: rotate(90deg) translate(280px,240px);
}
.dygraph-axis-label.dygraph-axis-label-x {
transform: rotate(-90deg) translate(-20px, 0);
}
.dygraph-axis-label.dygraph-axis-label-y {
transform: rotate(-90deg) translate(-10px,10px);
}
.dygraph-legend {
transform: translate(-320px,-300px) rotate(-90deg);}
翻译是为了将图形放置在我想要的位置,您必须更改它们。我还有一个动态图形问题,感谢您的帮助:是否也可以旋转选择?我无法回答