How can I set the code that there will be no hover effects, hover options, (hover) links etc on chart?
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>
..and 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);
};
});
You can try:
showTooltips: false
You can also use the following link: