Question

如何增加plotly.js Bar x轴中文本的专用区域？原则上，x轴的值是“文本非常长且长1”，“文本非常长且长2”，“文本非常长且长3”。在绘图之后，我得到了文本被剪切的图像，并且只保留“文本非常lon”，“文本非常lon”，“文本非常lon”。

Answer 1

您可以使用margin手动定义图表的边框，请参阅下面的代码段。

＆＃13;

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);

＆＃13;

<head>
    <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>
<div id='myDivNoLayout'></div>
<div id='myDiv'></div>

＆＃13;

Plotly.js，如何增加plotly.js Bar x轴中文本的专用区域？

1 个答案: