Chart.jsで折れ線グラフを作りたいです。 ↓ <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js" type="text/javascript"></script> <style type="text/css"> canvas{width: 100%; height: auto; max-width: 500px;} </style> </head> <body align="center"> <div> <canvas id="xxx-area" height="450" width="600" style="width: 500px; height: 450px;"></canvas> <script type="text/javascript"> //グラフの中身 var lineChartData={ label:["1","2","3","4" ], datasets:[ { label:"緑データ", fillColor:"rgba(92,220,92,0.2)", strokeColor:"rgba(92,220,92,1)", pointColor:"rgba(92,220,92,1)", pointStrokeColor:"white", pointHighlightFill:"yellow", pointHighlightStroke:"green", data:[2,4,3,4 ] } ] } // window.onlord=function(){ var ctx=document.getElementById("xxx-area").getContext("2d"); window.myLine=new Chart(ctx).Line(lineChartData, {responsive:true}); } </script> </div> 上記のプログラムで可笑しな点はありますでしょうか? URLを参考に作ってみましたが、htmlを実行するとグラフが表示されません。 因みに実行してもエラーなどは出ていません。 ただ実行後、グラフが表示されるはずの場所を右クリックすると名付け保存が表示されるので、グラフ表示さえできれば完成だと思います。 使用PCはwindows10です。 よろしくお願いいたします。 https://allabout.co.jp/gm/gc/459916/#aa459916howtowrite-chartjs-line
JavaScript