本文介绍了Chart.js - 如何禁用悬停时的所有内容的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
如何设置代码使图表上没有悬停效果、悬停选项、(悬停)链接等?
How can I set the code that there will be no hover effects, hover options, (hover) links etc on chart?
我正在使用 chart.js.下面是我的代码，我在其中设置了饼图.
I'm using chart.js. Below is my code, where I set pie chart.
HTML..
<div id="canvas-holder" style="width:90%;">
<canvas id="chart-area" />
</div>
..和 js...
$(document).ready(function () {
var config = {
type: 'pie',
data: {
datasets: [{
data: [60,20],
backgroundColor: [
"#ddd",
"#58AC1C"
],
label: 'Dataset 1'
}],
labels: [
"Bla1 ",
"Bla2 "+
]
},
options: {
responsive: true
}
};
window.onload = function() {
var ctx = document.getElementById("chart-area").getContext("2d");
window.myPie = new Chart(ctx, config);
};
});
推荐答案
你可以试试
showTooltips: false
您也可以使用以下链接
http://jsfiddle.net/TZq6q/298/
这篇关于Chart.js - 如何禁用悬停时的所有内容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！