Question

我想将Dygraphs用于网络项目，但我需要以“垂直”方式绘制线条 - 意思是 - 通常是X轴（水平，沿着底部），我需要绘制图形从上到下（x轴沿左边缘）。

我已经为此查看了几个图形库，似乎没有人支持它。我最近发现了Dygraphs所以我希望它可能有这个功能。

Answer 1

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

一个dygraphs用户能够完成这项工作。请参阅this demo。

Answer 2

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);}

翻译是将图形放置在我想要的位置，您将不得不对其进行更改。

Dygraph中的垂直图形？

2 个答案: