1 ; 2 3 var d3 = Plotly.d3; 4 5 var WIDTH_IN_PERCENT_OF_PARENT = 60, 6 HEIGHT_IN_PERCENT_OF_PARENT = 80; 7 8 var gd3 = d3.select('body') 9 .append('div') 10 .style({ 11 width: WIDTH_IN_PERCENT_OF_PARENT + '%', 12 'margin-left': (100 - WIDTH_IN_PERCENT_OF_PARENT) / 2 + '%', 13 14 height: HEIGHT_IN_PERCENT_OF_PARENT + 'vh', 15 'margin-top': (100 - HEIGHT_IN_PERCENT_OF_PARENT) / 2 + 'vh' 16 }); 17 18 var gd = gd3.node(); 19 20 Plotly.plot(gd, plotlydata['data'], plotlydata['layout']); 21 22 window.onresize = function() { 23 Plotly.Plots.resize(gd); 24 }; 25 26 }; 27 28 window.onload = onload; 29 </script> 30 </head> 31 <body> 32 </body> 33 </html>
