2016-07-16 11 views
4

どうやってプロットjsチャートからタイトルを削除しますか?タイトルを設定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> 

を次のように私は

例チャートこのチャートは、 "偽" のタイトルを持って、私はまた、 VARレイアウト= {偽 showtitle}を試みましたnullにする:title:''またはタイトル行を削除するだけでタイトルは表示されませんが、タイトルのために予約されているチャートの上に約50pxの高さのタイトル領域が残っています。

+0

あなたがタイトルとして空の文字列を渡すことはできますか? – Yoda

+0

いいえ、私が最後の段落で言ったように、それはタイトルを削除している間、タイトルのために予約された領域は残っています – JimmyBanks

+0

私は謝罪し、それはここに遅れて、私は最後の段落を逃した。 – Yoda

答えて

9

レイアウトの設定からタイトルを削除すると、レンダリングされなくなりますが、マージンがまだスペースを作成するように設定されている場合は、hereのようにデフォルトのマージンを上書きする必要があります。

希望の出力を生成するために適用された設定を示すjsFiddleを作成しました。

これはそれの肉です:

var layout = { 
    margin: { 
    l: 50, 
    r: 50, 
    b: 50, 
    t: 50, 
    pad: 4 
    } 
}; 
関連する問題