2016-08-29 6 views
0

VS 2015で作成されたWebプロジェクトでHTMLページにチャートを使用したいのですが、 NuGet-package Chartをインストールしました。 JS:私は、スクリプト・フォルダ内に二つの新しいJS-スクリプトを参照してくださいインストールした後 Description for installation of Chart.jsNuGet-package Chart.js 2.0.2のプロパティラインは利用できません

: Charts.jsとCharts.min.js

次の私は、私の中線図/チャートを実装してみましたページ。

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Display charts with Chart.js</title> 

     <script type="text/javascript" src="../scripts/Chart.min.js"></script> 
     <script type="text/javascript"> 
     </script> 
    </head> 

    <body> 
     <form> 
      <h3>Example for display of chart data</h3> 
      <canvas id="buyers" height="600" width="400"></canvas> 

      <script type="text/javascript"> 
       var buyerData = { 
        labels: ["January", "February", "March", "April", "May", "June"], 
        datasets: [ 
         { 
          fillColor: "rgba(172,194,132,0.4)", 
          strokeColor: "#ACC26D", 
          pointColor: "#fff", 
          pointStrokeColor: "#9DB86D", 
          data: [203, 156, 99, 251, 305, 247] 
         } 
        ] 
       } 

       var buyers = document.getElementById("buyers").getContext("2d"); 
       new Chart(buyers).Line(buyerData); 
      </script> 
     </form> 
    </body> 
</html> 

しかし、私はページを開始しようとするたびに、私はプロパティラインが存在しないというメッセージが表示されます。 どうしたの?

ありがとうございます!

答えて

0

私は解決策を見つけましたが、私はそれについて絶対に確信していません。 他の回答を投稿したい場合は、招待されています。

私はまた、私は別のオプションを発見

var myChart = new Chart(buyers, { type: 'line', data: buyerData }); 

によってライン

new Chart(buyers).Line(buyerData); 

を置き換える:

var myChart = Chart.Line(buyers, { data: buyerData });