plotly js删除标题和标题区域

Jim*_*nks 10 javascript 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>
Run Code Online (Sandbox Code Playgroud)

这个图表的标题是"false",我也试过var layout = {showtitle:false}

将标题设置为null:title:''或者只是删除标题行,不显示标题,但标题区域高于保留给标题的图表高度约为50px,我该如何删除标题区域?

Mat*_*att 15

通过从布局配置去掉标题将不再使其但是利润率仍然配置为它创造了空间,你需要重写这些默认利润率解释这里.

我创建了一个jsFiddle,显示应用config来生成所需的输出.

这是它的核心:

var layout = {
  margin: {
    l: 50,
    r: 50,
    b: 50,
    t: 50,
    pad: 4
  }
};
Run Code Online (Sandbox Code Playgroud)