plotly js去除标题和标题区域

Question

如何从 plotly js 图表中删除标题？

我的示例图表如下

<head>
     <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>
<div id="myDiv" style="width: 800px; height: 400px;"></div>
<script>

var trace1 = {
   x: [1, 2, 3, 4],
   y: [10, 15, 13, 17],
   mode: 'markers'
};

var trace2 = {
  x: [2, 3, 4, 5],
  y: [16, 5, 11, 9],
  mode: 'lines'
};

var trace3 = {
  x: [1, 2, 3, 4],
  y: [12, 9, 15, 12],
  mode: 'lines+markers'
};

var data = [ trace1, trace2, trace3 ];

var layout = {
  title:false
};

Plotly.newPlot('myDiv', data, layout);
</script>

这个图表会有标题"false"，我也试过了变种布局= { showtitle:false }

将标题设置为空：title:''或简单地删除标题行，不显示标题，但标题区域保留在图表上方约 50px 高度，为标题保留，如何我要删除这个标题区吗？

Answer 1

通过从布局配置中删除标题，它将不再呈现。但是，边距仍配置为为其创建 space。您需要按照 here.

的说明覆盖这些默认边距

我创建了一个 jsFiddle 显示该配置已应用于生成所需的输出。

这是它的核心：

var layout = {
  margin: {
    l: 50,
    r: 50,
    b: 50,
    t: 50,
    pad: 4
  }
};

plotly js去除标题和标题区域

plotly js remove title and title area

javascript

plotly