Chart.js-悬停弹出-添加带值的标签-不起作用
Chart.js - Hover popup - Adding labels with values - not working
早上好。我正在使用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%>"
相关文章:
- <选择>标签不起作用
- jQuery在<TR>TR折叠时标签不起作用
- Magento Jquery引导程序和原型冲突?导航标签不起作用
- Chart.js-悬停弹出-添加带值的标签-不起作用
- IOS Cordova/Phonegap 离线视频源标签不起作用
- Symfony - 嵌入表单中的食谱“添加新标签”不起作用
- jquery find() 和 remove() 脚本标签不起作用
- jQuery 按 ID 名称删除 img 标签不起作用
- 清除 DIV 标签不起作用
- jQuery 运行总计和输出标签不起作用
- 为什么我的 iframe 标签不起作用
- 安卓网络浏览器 B 标签不起作用
- 模式窗口上的标签标签不起作用
- 添加<李>jquery中的标签不起作用
- Vaadin标签不起作用
- Jquery click()事件对附加的HTML标签不起作用
- Jquery选择器对添加的标签不起作用
- 跨域Ajax的动态脚本标签不起作用
- jquery append和javascript appendChild对html标签不起作用
- 为什么click()对对象标签不起作用