Q&A
こちらを参考にchartist.jsを使ってグラフを描画しようとしていますが、表示することが出来ません。
コードについては以下のとおりです。なにが問題でしょうか。
html
1<!DOCTYPE html> 2<html> 3 <head> 4 <link rel="stylesheet" href="//cdn.jsdelivr.net/chartist.js/latest/chartist.min.css"> 5 <link rel="stylesheet" href="s1.css" type="text/css" > 6 <script src="//cdn.jsdelivr.net/chartist.js/latest/chartist.min.js"></script> 7 <script src="j1.js"></script> 8 </head> 9 <body> 10 <p class="title">chartist.js</p> 11 <div id="chart"></div> 12 </body> 13</html> 14
css
1.title{margin:30px 0 0;text-align:center;} 2#chart{ 3 margin:10px auto; 4 width:100%; 5 max-width:600px; 6}
javascript
1var data = { 2 labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'], 3 series: [ 4 [5, 2, 4, 2, 0], 5 ] 6}; 7var options = { 8 fullWidth: true, 9 height: 200 10}; 11new Chartist.Line('#chart', data, options);
回答1件
0
ベストアンサー
<script src="j1.js"></script>を</body>直前に移動してみてください。
投稿2019/12/09 01:57
総合スコア69596
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/12/09 02:11
2019/12/09 02:13
2019/12/09 02:18
2019/12/09 02:20
2019/12/09 02:25