Chart.jsサンプルコードが機能しない

-1

何らかの理由で、わかりません。ドキュメントが言うように私のChart.jsコードはここに...それが必要としてChart.jsサンプルコードが機能しない

が動作していないコードです：

<html> 
<head><script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"></script></head> 

<body> 
<div class="container"> 
    <h2>Chart.js — Line Chart Demo</h2> 
    <div> 
    <canvas id="myChart"></canvas> 
    </div> 
</div> 

</body> 
<script> 
var ctx = document.getElementById('myChart').getContext('2d'); 
var myChart = new Chart(ctx, { 
    type: 'line', 
    data: { 
    labels: ['M', 'T', 'W', 'T', 'F', 'S', 'S'], 
    datasets: [{ 
     label: 'apples', 
     data: [12, 19, 3, 17, 6, 3, 7], 
     backgroundColor: "rgba(153,255,51,0.6)" 
    }, { 
     label: 'oranges', 
     data: [2, 29, 5, 5, 2, 3, 10], 
     backgroundColor: "rgba(255,153,0,0.6)" 
    }] 
    } 
}); 
    </script> 
</html>

私はChart.jsで合計初心者よ、私を助けてください！

出典

2016-10-23 Sanketh Sampara

私たちは、あなたの質問を理解するためにドキュメントを読んでする必要はありません。正確に動作しないものを教えてください –

グラフは表示できません。私はこの作業をするために含める必要があるバンドルに慣れていません。 –

が含まれます。

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"></script>を使用してv1ライブラリをインポートしました。

しかし、あなたが実際にv2の構文を使用：v1の年代に

変更構文：

var myChart= new Chart(ctx).Line({ 
    labels: ['M', 'T', 'W', 'T', 'F', 'S', 'S'], 
    datasets: [{ 
      // ... 
     }] 
    });

var myChart = new Chart(ctx, { 
    type: 'line', 
    data: { 
     // ... 
    } 
});

を、次のいずれかを実行でき

（私は、このオプションを示唆）を使用して最新のものにあなたのインポートライブラリを変更します。
```
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.min.js"></script> 
```

出典

2016-10-23 12:27:21 tektiv

ありがとうございました！ –

あなたはChart.jsのv1またはv2のを使用している場合、構文は異なる独自のコードと <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.bundle.min.js"></script> 例bundle.min.js https://jsfiddle.net/sv4snt39/1/

出典

2016-10-23 10:28:28 user2301346

この場合、OPは時間タイプのチャートでは機能しないため、バンドルライブラリは必須ではありません。 'Chart.min.js'で十分です – tektiv

Chart.jsサンプルコードが機能しない

答えて

関連する問題