Chartjsフィドルが動作しない

Question

私はJSFiddleを完全に新しくしています。私は現在、散布図を表示しようとしていますが、何も表示されていません。誰かが私を正しい方向に向けることができますか？ここで

はフィドルです：http://jsfiddle.net/roka545/qf8ejytt/

//Get context with jQuery - using jQuery's .get() method. 
let canvas = <HTMLCanvasElement>document.getElementById("myChart"); 
let ctx = canvas.getContext("2d"); 

let xAxisMin: number = 4; 
let xAxisMax: number = 7; 

var scatterChart = new Chart(ctx, { 
    type: 'line', 
    data: { 
     datasets: [{ 
      label: 'Scatter Dataset', 
      data: [{ 
       x: -10, 
       y: 0 
      }, { 
       x: 0, 
       y: 10 
      }, { 
       x: 10, 
       y: 5 
      }] 
     }] 
    }, 
    options: { 
     scales: { 
      xAxes: [{ 
       type: 'linear', 
       position: 'bottom' 
      }] 
     } 
    } 
}); 

Answer 1

を実際のソースへのリンクを追加する必要があります。

https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.2.1/Chart.min.js 

外部リソースで、プラスボタンを押します。

こちらをご覧ください：

http://jsfiddle.net/r7ahsn15/

Answer 2

コンソールを見ていましたか？

そしてためです：それは言う、あなたが提供されたリンクはjsfiddleとしてhttpいうよりhttpsを超えていたことを意味

。ブラウザはセキュリティ上の理由から、そのような種類のリクエスト（http内httpsサイト）を許可しません。

それでも、私は作業例を探していますし、すべてのchart.jsのフィドルが同じエラー持っているようだ：あなたは

https://jsfiddle.net/uc25erpc/

https://jsfiddle.net/achudars/NXPhL/

http://fiddle.jshell.net/leighking2/898kzyp7/