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