Chart.js-悬停弹出-添加带值的标签-不起作用

Chart.js - Hover popup - Adding labels with values - not working

本文关键字:标签 不起作用 添加 悬停 Chart js-      更新时间:2023-09-26

早上好。我正在使用Chart.js,并将其设置为生成一个漂亮的条形图。不幸的是,当您将鼠标悬停在条形图上时,默认弹出窗口只显示条形图的颜色及其值。酒吧的颜色对我们的用户没有帮助。我希望弹出窗口显示组中每个条的标签及其值。有点像:

第一个项目:80第二个项目:25第三个项目:64

还有其他关于这个问题的帖子,他们建议使用multiTooltipTemplate:"<%%=数据集标签%>:<%%=值%>"

我试过了,但没有效果。没有错误,但弹出窗口没有更改。也许它设置不正确。有什么建议吗?

$.post(url, dataObject)
.done(function (results) {
    if (results.length > 0) {
        //Build mydatasets empty array
        var mydatasets = [];
        //Loop through the results and build a new data array object to be added to the master data array object that will
        //be assigned to the chart bars.
        for (var i = 0; i < results.length; i++) {
            var dataset =
                {
                    label : results[i].WorkTypeName,
                    fillColor : getRandomColor(),  //Found in the ChartHelpers.js file
                    data : results[i].Hours
                }
            mydatasets.push(dataset);
        }
        //Plug the data into the data structure
        var data = {
            labels: startdates, 
            datasets: mydatasets
        };
        //Get chart context
        var ctx = $("#myChart").get(0).getContext("2d");
        // This will get the first returned node in the jQuery collection and use it to create a bar chart
        myBarChart = new Chart(ctx, {
            options: {
                multiTooltipTemplate : "<%%=datasetLabel%> : <%%=value%>"
            }
        }).Bar(data);
    }
});

通过一些额外的实验找到了答案!其他论坛帖子建议使用

multiTooltipTemplate : "<%%=datasetLabel%> : <%%=value%>"

在选项中。生成语法错误消息。删除额外的百分之二标志导致弹出窗口按计划显示。

multiTooltipTemplate : "<%=datasetLabel%> : <%=value%>"
相关文章: