Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/cmake/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 动态图中的垂直图形?_Javascript_Dygraphs - Fatal编程技术网

Javascript 动态图中的垂直图形?

Javascript 动态图中的垂直图形?,javascript,dygraphs,Javascript,Dygraphs,我想在web项目中使用动态图,但我需要以“垂直”的方式绘制线条-意思是-通常是X轴(水平,沿底部),我需要从上到下绘制(X轴沿左边缘) 我已经查看了几个用于此的图形库,但似乎没有一个支持它。我最近发现了动态图,所以我希望它可能有这个功能 虽然立轴图不支持开箱即用,但使用CSS转换可以实现这种效果。基本上,将包含图表的旋转90度,然后撤消标签的转换 一个dygraphs用户能够完成这项工作。请参见。css以旋转图形: .graphStyle { transform: rotate(90deg)

我想在web项目中使用动态图,但我需要以“垂直”的方式绘制线条-意思是-通常是X轴(水平,沿底部),我需要从上到下绘制(X轴沿左边缘)


我已经查看了几个用于此的图形库,但似乎没有一个支持它。我最近发现了动态图,所以我希望它可能有这个功能

虽然立轴图不支持开箱即用,但使用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);}

翻译是为了将图形放置在我想要的位置,您必须更改它们。

我还有一个动态图形问题,感谢您的帮助:是否也可以旋转选择?我无法回答