javascript - Chartjs fiddle 不工作

Question

我对 JSFiddle 完全陌生。我目前正在尝试显示散点图，但没有显示任何内容。谁能指出我正确的方向？

这是 fiddle :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/