プロット領域グラフの幅と高さを増やす方法

Question

divタグの高さと幅を増やしたくありません。ちょうど私はグラフの一部に続いて増加したいと思う。

<div id="myDiv" style="width: 480px; height: 400px;"></div> 

そして、私のplotly.jsコードは次のとおりです：私は私のhtmlコードがあるthis code

を呼ば

var trace1 = { 
x: ['2013-10-04 22:23:00', '2013-10-06 22:23:00', '2013-11-04 22:23:00',  '2013-11-07 22:23:00','2013-12-04 22:23:00', '2013-12-08 22:23:00'], 
y: [1, 3, 6,2, 4, 5], 
fill: 'tozeroy', 
type: 'scatter', 
fillcolor: 'red' 

};

このグラフをアプリケーションに配置すると、グラフは非常に小さくなります。 幅と高さを増やそうとしましたが、グラフのこの部分を増やすことができませんでした。

Answer 1

margin〜を追加し、周囲のボックスからグラフの距離（ピクセル単位）を指定します。

var trace1 = { 
 
x: ['2013-10-04 22:23:00', '2013-10-06 22:23:00', '2013-11-04 22:23:00',  '2013-11-07 22:23:00','2013-12-04 22:23:00', '2013-12-08 22:23:00'], 
 
y: [1, 3, 6,2, 4, 5], 
 
fill: 'tozeroy', 
 
type: 'scatter', 
 
fillcolor: 'red' 
 
}; 
 
var layout = { 
 
    margin: { 
 
    l: 20, 
 
    r: 10, 
 
    b: 40, 
 
    t: 10 
 
    }, 
 
}; 
 

 
var plotlyData = [trace1];          
 
Plotly.newPlot('heap_memory_graph', plotlyData, layout); 
 
var plotDiv = document.getElementById('heap_memory_graph');

 
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script> 
 

 
<div id="heap_memory_graph" style="width: 480px; height: 400px;"></div>