本文
初歩的なことですが質問させていただきます。
最近ブラウザでグラフを表示しようと調べてHighchartsというのを見つけました。
あるサイトで出てくるプログラムだとjQuery.jsやHighcharts.jsをheadタグ内で読んでいました。
グラフを描画するjsはbodyタグ内で読んでいるのですがどうしてこのように分けているのでしょうか。
描画を早くするためにJavascriptはbody内の一番下に書くというのを見たのですがこれは例外なのでしょうか。
よろしくお願いします。
サイトのURL
https://yubais.net/doc/highcharts/introduction.html#id2
プログラム
<!DOCTYPE html> <html> <head> <meta charset=utf-8> <script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js'></script> <script type="text/javascript" src="js/highcharts.js"></script> </head> <body> <div id='container'></div> <script type="text/javascript"> var chart; function draw() { // グラフオプションを指定 var options = { // 出力先を指定 chart :{renderTo : "container"}, // データ系列を作成 series: [{name: "pi", data: [3,1,4,1,5]}] } // グラフを作成 chart = new Highcharts.Chart(options); } // ページがロードされた後に、グラフを出力する document.body.onload = draw(); </script> </body> </html>
追記内容
サイトに表示されていたコード、サイトのURL、タグを追記、本文を修正しました。
あと現在HighChartsを使う際にjQueryは必要ないそうです。
回答1件
あなたの回答
tips
プレビュー