Angularjs 如何通过angular-chart.js设置chart.js散点线图？

Angular-chart.js是chart.js的包装器。我想创建一个散点线图，如前所述 angular-chart.js文档已经完成了，我已经完成了。我还没有弄清楚如何将角度指令传递给散点线图的正确数据

为了澄清。我在chart.js和angular-chart.js中使用了第一种格式。第二种格式可以通过chart.js使用，但不能通过angular-chart.js使用。能否通过angular-chart.js提供散点图的hello world示例

根据这两个项目的文档，我假设类似的东西会起作用：

$scope.data = {
            datasets: [{
                label: 'Scatter Dataset',
                data: [{
                    x: -10,
                    y: 0
                }, {
                    x: 0,
                    y: 10
                }, {
                    x: 10,
                    y: 5
                }]
            }]
        };

---

$scope.data将进入控制器

我想你已经接近了。我认为你唯一需要做的就是改变你的选项，并做一些小的修改（我花了一段时间才让它工作；最初，我尝试了你发布的内容）：

在.js文件中：

$scope.data = [{
    x: -10,
    y: 0
}, {
    x: 0,
    y: 10
}, {
    x: 10,
    y: 5
}];

// The angular-chart directive will use this as the label
$scope.series = ['Scatter Dataset'];

$scope.options = {
    scales: {
        xAxes: [{
            type: 'linear',
            position: 'bottom'
        }]
    }
};

然后，在html文件中：

<canvas class="chart chart-line"
        chart-data="data"
        chart-series="series"
        chart-options="options">
</canvas>

---

我想你很接近了。我认为你唯一需要做的就是改变你的选项，并做一些小的修改（我花了一段时间才让它工作；最初，我尝试了你发布的内容）：

在.js文件中：

$scope.data = [{
    x: -10,
    y: 0
}, {
    x: 0,
    y: 10
}, {
    x: 10,
    y: 5
}];

// The angular-chart directive will use this as the label
$scope.series = ['Scatter Dataset'];

$scope.options = {
    scales: {
        xAxes: [{
            type: 'linear',
            position: 'bottom'
        }]
    }
};

然后，在html文件中：

<canvas class="chart chart-line"
        chart-data="data"
        chart-series="series"
        chart-options="options">
</canvas>