在网站中显示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;
}
}
所有值都是合法的,但不是颜色。它总是显示它在开始时分配的颜色。
我还尝试仅更新值并保留数据对象的一个实例。
同样的问题。值适用但不适用颜色 我做错了什么?