@@ -79,6 +79,7 @@ private Html buildHtml() throws IOException, ParseException {
7979 new NoTag (this , "<meta name=\" viewport\" content=\" width=device-width, initial-scale=1\" >" );
8080 new NoTag (this , "<meta name=\" viewport\" content=\" width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no\" >" );
8181
82+ new NoTag (this , "<script src=\" https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js\" ></script>" );
8283 new NoTag (this , "<link rel=\" stylesheet\" href=\" https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" integrity=\" sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u\" crossorigin=\" anonymous\" >" );
8384 new NoTag (this , "<link rel=\" stylesheet\" href=\" https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css\" integrity=\" sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp\" crossorigin=\" anonymous\" >" );
8485 new NoTag (this , "<script src=\" https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\" integrity=\" sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa\" crossorigin=\" anonymous\" ></script>" );
@@ -209,13 +210,11 @@ private Html buildHtml() throws IOException, ParseException {
209210 new ClassAttribute ("row" )) {{
210211 new Div (this ,
211212 new ClassAttribute ("col-xs-12 col-sm-6 col-md-4" ),
212- new Style ("margin-top: 5px" ),
213213 new Id ("plot" )) {{
214214 }};
215215
216216 new Div (this ,
217- new ClassAttribute ("col-xs-12 col-md-12" ),
218- new Style ("margin-top: 5px" ),
217+ new ClassAttribute ("col-xs-12 col-md-8" ),
219218 new Id ("bar" )) {{
220219 }};
221220 }};
@@ -362,7 +361,7 @@ private Html buildHtml() throws IOException, ParseException {
362361 "\n " +
363362 "var layout = {\n " +
364363 " height: 400,\n " +
365- " width: 500\n " +
364+ " width: 500, \n " +
366365 "};\n " +
367366 "\n " +
368367 "Plotly.newPlot('plot', data, layout);" );
@@ -376,8 +375,12 @@ private Html buildHtml() throws IOException, ParseException {
376375 " type: 'bar'\n " +
377376 " }\n " +
378377 "];\n " +
378+ "var layout = {\n " +
379+ " height: 400\n " +
380+ "};\n " +
381+ "\n " +
379382 "\n " +
380- "Plotly.newPlot('bar', data);" );
383+ "Plotly.newPlot('bar', data, layout );" );
381384 }};
382385
383386 jsonFiles .clear ();
0 commit comments