ChartJS条形图工具提示,包含单个系列

时间:2016-08-05 09:04:01

标签: tooltip bar-chart chart.js

我使用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);

多个系列图表

chartjs good

数据收集 enter image description here

单一系列图表 chartjs bad

数据收集

enter image description here

0 个答案:

没有答案