水平に単純なプロット線グラフを描く

Question

棒グラフでは、orientation: hをトレースに追加できます。 （... GIMPに回転）

はこのような何かを探すように回転させることができます：

は、線グラフ、このようなので、基本的なグラフにすることを行うための方法を見つけることができませんでした：

Answer 1

は、私の知る限りではそうするのは直接はありませんが、あなたはD3と、すべてのグラフがSVGsであるという事実を使用してPlotlyを利用することができます。

とtransformをプロット自体に適用すると、望ましい結果が得られます。

Plotly.d3.selectAll(".subplot").filter(".xy").attr('transform', 'rotate(90) translate(0, -400)'); 

プロットのクラスが"subplot xy"で、400は（あなたのdivのHTML定義で指定された）あなたのプロットの幅です。

Plotly.d3.selectAll(".main-svg").attr('transform', 'rotate(90) translate(0, -400)'); 

おそらく伝説は少し後で調整する必要があります：あなたは全体のグラフの使用を回転させたい場合は

---

Plotly.d3.selectAll(".legend").attr('transform', 'translate(100, 50)'); 

私はdisabling hoverinfoお勧めしますかと思いますそれも変更してください。

var layout = {hovermode: false}; 
Plotly.newPlot('myDiv', data, layout); 

var trace1 = { 
 
    x: [1, 2, 3, 4], 
 
    y: [10, 15, 13, 17], 
 
    type: 'scatter' 
 
}; 
 

 
var trace2 = { 
 
    x: [1, 2, 3, 4], 
 
    y: [16, 5, 11, 9], 
 
    type: 'scatter' 
 
}; 
 

 
var data = [trace1, trace2]; 
 
Plotly.newPlot('myDiv', data); 
 

 
//rotation happens here 
 
Plotly.d3.selectAll(".subplot").filter(".xy").attr('transform', 'rotate(90) translate(0, -400)');

<script src="https://cdn.plot.ly/plotly-latest.min.js"></script> 
 
<div id="myDiv" style="width: 400px; height: 400px;"></div>

---