小编Uri*_*nti的帖子

使用angular-chart.js中的chart-dataset-override选项

我正在撰写预算管理申请表,我正在使用angular-chart.js.

我想使用数据集来覆盖初始数据(主要是为了向图表添加新数据,并为每个条形图,标签等提供不同的颜色),并根据数据的值设置标签和颜色.目前,我试图做硬编码,但只有第一个值是覆盖.

这是我正在使用的代码:

angular.module("app2", ["chart.js"]).controller("MixedChartCtrl",
function($scope) {
    $scope.colors = ['#45b7cd', '#ff6384', '#ff8e72'];

    $scope.labels = ['', ''];
    $scope.data = [65, 11];
    $scope.datasetOverride = [

        {
            label: 'Override Series A',
            borderWidth: 1,
            type: 'bar',
            data: [345]
        },
        {
            label: "Bar chart1",
            borderWidth: 1,
            type: 'bar',
            data: [45]
        }

    ];
});
Run Code Online (Sandbox Code Playgroud)

chart.js

6
推荐指数
1
解决办法
8283
查看次数

标签 统计

chart.js ×1