質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

1回答

2634閲覧

chart.jsでグラフが描画できない

Izumo1101

総合スコア49

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2020/10/27 05:23

何度見直してもググっても答えが見つかりません。

エラー文
Uncaught TypeError: Cannot read property 'length' of null

javascript

1<!DOCTYPE html> 2<html lang="ja"> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <title>グラフ</title> 8 <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script> 9 <script src="js/angular.min.js"></script> 10 <style> 11 body { 12 background-color: #C0C0C0; 13 } 14 div { 15 margin: 4px; 16 } 17 </style> 18 </head> 19 <body> 20 21 <script> 22var canvas = document.getElementById('myCan'); 23 24var myChart = new Chart(canvas, { 25 type: 'bar', 26 data: { 27 labels: ["M", "T", "W", "T", "F", "S", "S"], 28 datasets: [{ 29 label: 'apples', 30 backgroundColor: "rgba(153,255,51,1)", 31 data: [12, 19, 3, 17, 28, 24, 7], 32 }, { 33 label: 'oranges', 34 backgroundColor: "rgba(255,153,0,1)", 35 data: [30, 29, 5, 5, 20, 3, 10], 36 }] 37 } 38}); 39 </script> 40 <canvas id="myCan" width="900" height="750"></canvas> 41 </body> 42</html>

記述的に問題はないと思うのですが・・・。
chromeです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

描写順を考え、scriptが後で解決しました。

投稿2020/10/27 05:32

Izumo1101

総合スコア49

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問