Dygraph中的垂直绘图

Vertical graphing in Dygraph?

本文关键字：绘图 垂直 Dygraph      更新时间：2023-09-26

我想在web项目中使用Dygraph，但我需要以"垂直"的方式绘制线条——这意味着——通常是X轴（水平，沿着底部），我需要从上到下绘制（X轴沿着左边缘）。

我看了几个图形库，似乎没有一个支持它。我最近发现了Dygraph，所以我希望它可能有这个功能。

虽然竖线图不支持开箱即用，但使用CSS转换可以实现这种效果。基本上，将包含图表的<div>旋转90度，然后撤消标签的转换。

一个dygraph用户能够得到这项工作。请参阅此演示。

用于旋转图形的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);}

翻译是把图表放在我想要的地方，你必须改变它们。

相关文章：