2016-09-16 78 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>