Javascript Chart.js-悬停弹出-添加带值的标签-不工作
早上好。我正在使用Chart.js并将其设置为生成一个漂亮的条形图。不幸的是,当您将鼠标悬停在条上时,默认弹出窗口仅显示条的颜色及其值。酒吧的颜色对我们的用户没有帮助。我想弹出显示组中每个条的标签及其值。有点像: 第一个项目:80 第二个项目:25 第三个项目:64 还有其他关于这个问题的帖子,他们建议使用 多工具模板:“ 我试过了,但没有效果。没有错误,但对弹出窗口没有更改。也许它的设置不正确。有什么建议吗Javascript Chart.js-悬停弹出-添加带值的标签-不工作,javascript,jquery,Javascript,Jquery,早上好。我正在使用Chart.js并将其设置为生成一个漂亮的条形图。不幸的是,当您将鼠标悬停在条上时,默认弹出窗口仅显示条的颜色及其值。酒吧的颜色对我们的用户没有帮助。我想弹出显示组中每个条的标签及其值。有点像: 第一个项目:80 第二个项目:25 第三个项目:64 还有其他关于这个问题的帖子,他们建议使用 多工具模板:“ 我试过了,但没有效果。没有错误,但对弹出窗口没有更改。也许它的设置不正确。有什么建议吗 $.post(url, dataObject) .done(function (res
$.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);
}
});
$.post(url,数据对象)
.完成(功能(结果){
如果(results.length>0){
//构建mydatasets空数组
var mydataset=[];
//循环遍历结果并构建一个新的数据数组对象,该对象将添加到主数据数组对象中,主数据数组对象将
//被分配到图表栏。
对于(var i=0;i
通过一些额外的实验找到了答案!其他论坛帖子建议使用
multiTooltipTemplate : "<%%=datasetLabel%> : <%%=value%>"
MultiToolTiptTemplate:“
在选项中。生成了一条语法错误消息。删除额外的百分之二标志导致弹出窗口按计划显示
multiTooltipTemplate : "<%=datasetLabel%> : <%=value%>"
MultiToolTiptTemplate:“