2016-09-16 5 views
0

plotly.jsのテキストの領域を増やす方法バーx軸? ひどく、x軸の値は「非常に長いテキスト1」、「非常に長いテキスト2」、「非常に長くて長いテキスト3」です。 プロット後、私は、テキストが切り取られた画像を取得していて、「テキストは非常に寂しい」、「テキストは非常に寂しい」、「テキストは非常に寂しい」のままです。Plotly.js、plotly.jsのテキストに費やされる領域を増やす方法バーx軸?

+0

回答ヘルプあなたましたか? –

答えて

0

marginを使用すると、グラフの罫線を手動で定義できます。以下のスニペットを参照してください。

var layout = { 
 
    autosize: false, 
 
    width: 600, 
 
    height: 500, 
 
    margin: { 
 
    l: 50, 
 
    r: 350, 
 
    b: 200, 
 
    t: 50, 
 
    pad: 4 
 
    } 
 
}; 
 
var data = [{ 
 
    x: ["text very long and longer 1", "extremely long text 2", "extremely long text with some extra characters 3", "the longest text, probably most useless x-axis caption ever 4"], 
 
    y: [10, 15, 13, 17], 
 
    mode: 'markers', 
 
    type: 'scatter' 
 
}]; 
 

 
Plotly.newPlot('myDivNoLayout', data); 
 
Plotly.newPlot('myDiv', data, layout);
<head> 
 
    <script src="https://cdn.plot.ly/plotly-latest.min.js"></script> 
 
</head> 
 
<div id='myDivNoLayout'></div> 
 
<div id='myDiv'></div>

関連する問題