どのように表示されているのですか？

私はWebアプリケーションで作業しており、ライブラリ "Chart.js"を使用する必要があります。 "jsfiddle"のコードをテストしていますが、なぜこれが機能しないのかわかりません！ありがとうございます。 <body> <canvas id="myChart" width="600" height="600"></canvas> </body> VARデータ= {どのように表示されているのですか？

   labels: ["Gennaio", "Febbraio", "Marzo", "Aprile", "Maggio", "Giugno", "Luglio", "Agosto"], 
       datasets: [ 
        { 
         label: "Temperature 2013", 
         fillColor: "rgba(99,240,220,0.2)", 
         strokeColor: "rgba(99,240,220,1)", 
         pointColor: "rgba(99,240,220,1)", 
         pointStrokeColor: "#fff", 
         pointHighlightFill: "#fff", 
         pointHighlightStroke: "rgba(220,220,220,1)", 
         data: [8, 11, 18, 22, 24, 26, 34, 39] 
        }, 
        { 
         label: "Temperature 2014", 
         fillColor: "rgba(205,99,151,0.2)", 
         strokeColor: "rgba(205,99,151,1)", 
         pointColor: "rgba(205,99,151,1)", 
         pointStrokeColor: "#fff", 
         pointHighlightFill: "#fff", 
         pointHighlightStroke: "rgba(151,187,205,1)", 
         data: [16, 18, 22, 24, 26, 28, 32, 36] 
        } 
       ] 
      };

するvar CTX =のdocument.getElementById（ "myChart"）のgetContext（ "2D"）。 VARのmyLineChart =新しいグラフ（CTX）.LINE（データ）; `JSFIDDLE

出典

2016-08-06 Pepp Pia

コードが含まれていないため、話題になったと投票して投票に参加しました。 [メッセージ]（http://i.stack.imgur.com/u395R.png）はあなたに明確にそれを伝えました。 – nicael

私の悪い、ちょうど間違いです。穏やかな仲間 –

Iは、HTTPSの両方のリンクを変更しExampleは、2つの行を描画この

var myLineChart = new Chart(ctx).Line(data); 

// to this 
    var myLineChart = new Chart(ctx, { 
    type: 'line', 
    data: data 
});

を変え。

出典

2016-08-06 18:05:31 surfmuggle

まだ動作しません –

原因はhttp：http：// jsfiddle.net/k9y1a2nL/'の代わりにhttpsです。 – surfmuggle

はい、あなたは正しいです –

どのように表示されているのですか？

答えて

関連する問題