2016-09-16 57 views
0

如何增加plotly.js Bar x軸中文本的專用區域? 當然,x軸的值是「文字很長很長1」,「文字很長很長2」,「文字很長很長3」。 繪圖後,我得到的文字是切割的圖像,只剩下「文本很lon」,「文本很lon」,「文本很lon」。Plotly.js,如何增加plotly.js Bar 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>