我使用ChartJS将数据集绘制成条形图。当我将鼠标悬停在条形图上时,会显示带有值的系列的名称,到目前为止一切都很好。
但是在我的应用程序中,我可能会从数据库调用中找回一个组(一个系列)。当我将鼠标悬停在单个栏上时,系列名称和值将丢失。
首选输出与图像1相同,仅显示单个系列。怎么做到这一点?
用于监控数据并推送到数据集以获取图表的代码。没有设置自定义选项。
$scope.$watch("obtainedVouchers|groupBy:'voucherTitle'", function(collection){
if (!_.isEmpty(collection)) {
$scope.voucherChart_data = [];
$scope.voucherChart_label = ["Ingeleverde vouchers"];
$scope.voucherChart_series = [];
$scope.voucherChart_colours = ["#43A7BF", "#5ADFFF", "#163840", "#2D6F7F", "#51C8E5"];
for (var key in collection) {
var x = collection[key].length;
$scope.voucherChart_series.push(key);
$scope.voucherChart_data.push([x]);
}
}
}, true);
多个系列图表
数据收集