angularjs - 角度图表基于 x,y 位置设置数据

Question

我正在关注本教程angular-charts以实现图表

但是如何在 $scope.data 上设置基于数据的 (x,y) 值？

我是堆栈，请帮助我

Answer 1

对于条形图，您可以尝试如下：

<canvas id="locationBar" class="chart chart-bar" data="chartParams.votes" labels="chartParams.listOfLocations" series="chartParams.series" colours="chartParams.colours" options="chartParams.options"></canvas>

使用以下角度代码（当然在控制器中）

$scope.chartParams = {
    listOfLocations: ['Trenzalore','Earth','Caprica','Sol','Tau Ceti'],
    votes: [[5,10,6,7,2]],
    series: ["Nice Places"],
    colours: [{fillColor:getRandomColour()}],
    options: {barShowStroke : false}
};

data您可以根据您的要求更改值。

去这里了解更多