2016-07-16 73 views
4

如何从标准js图表中删除标题?plotly js删除标题和标题区域

实施例的图表I有如下

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

该图表将具有标题 “假”,我还试图 变种布局= { showtitle:假 }

设置标题为空:title:''或简单地删除标题行,不显示标题,但标题区域大约高于为标题保留的图表高度50px仍然存在,如何删除此标题区域?

+0

你可以传递一个空字符串作为标题? – Yoda

+0

不,正如我在最后一段所说的那样,虽然删除了标题,但为标题保留的区域仍然为 – JimmyBanks

+0

我很抱歉,现在已经很晚了,我错过了最后一段。 – Yoda

回答

9

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

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

这是它的肉:

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