How to increase width and height of plotly area graph
<p>I don't want to increase height and width of div tag. Just I want increase only following part of graph. I referred <a href="https://plot.ly/javascript/filled-area-plots/" rel="nofollow noreferrer">this code</a> </p>

<p><a href="https://i.stack.imgur.com/GQala.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GQala.png" alt="enter image description here"></a></p>

<p>My html code is:</p>

<pre><code>&lt;div id="myDiv" style="width: 480px; height: 400px;"&gt;&lt;/div&gt;
</code></pre>

<p>And my plotly.js code is:</p>

<pre><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'
</code></pre>

<p>};</p>

<pre><code>var plotlyData = [trace1];                                      
plotly.newPlot('heap_memory_graph', plotlyData);
var plotDiv = document.getElementById('heap_memory_graph');

plotDiv.on('plotly_relayout',
 function(eventdata){  
   xValStart = new Date(eventdata['xaxis.range[0]']);
   xValEnd = new Date(eventdata['xaxis.range[1]']);
 });
</code></pre>

<p>When I putting this graph into my application then graph coming very small.
I tried to increase width and height but I unable to increase this part of graph.</p>