当值改变时,N3饼图改变颜色形式控制器

时间:2015-09-22 14:51:38

标签: angularjs n3-charts

在网站中显示n3饼图。

因此我在控制器中定义了选项和数据,如下所示:

$scope.gdata = [{ label: "Performance", value: 0, color: "green", complementBrightness: 0, colorComplement: "black", suffix: "%" }];

$scope.options = { thickness: 8, mode: "gauge", total: 100 };

数据动态设置如下:

self.load = function() {
            $http.get('/api/data')
                .then(function(response) {
                    $scope.data = response.data;
                    var value = response.data.ApiApdex * 100;

                    var color = "";

                    if (value >= 90) {
                        color = "green";
                    }
                    if (value < 75) {
                        color = "red";
                    }
                    else {
                        color = "#FFA873";
                    }

                    var object = [{ label: "Performance", value: value, color: color, complementBrightness: 0, colorComplement: "black", suffix: "%" }];
                    $scope.gdata = object;
                }
        }

所有值都是合法的,但不是颜色。它总是显示它在开始时分配的颜色。

我还尝试仅更新值并保留数据对象的一个​​实例。

同样的问题。值适用但不适用颜色 我做错了什么?

0 个答案:

没有答案