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

你看过控制台了吗？它说：

那是因为：

表示您提供的链接超过http而不是https作为jsfiddle。出于安全原因，浏览器不允许此类请求（http网站内https）。

尽管如此，我正在寻找一个有效的例子，似乎所有的chart.js小提琴都有同样的错误：

https://jsfiddle.net/uc25erpc/

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

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

Chartjs摆弄不起作用

2 个答案: