I displaying a chart where two types are included. Now I want to hide the toolbar for one dataset. I saw some discussion like this on GitHub, but this doesn't bring me further.
Here is an example of my Chart:
Chart.defaults.global.legend.display = false;
var ctx = document.getElementById(chart).getContext(2d);
var data = {
labels: [Januar,Februar,März,April,Mai,Juni,Juli,August,September,Oktober,November,Dezember],
datasets: [
{
label: Test,
type: 'bar',
backgroundColor: #F29220,
borderColor: #F29220,
data: [4,1,1,2,2,2,2,2,2,2,2,1]
},
{
label: Test2,
type: 'bar',
backgroundColor: #F29220,
borderColor: #F29220,
data: [4,0,0,0,0,0,0,0,0,0,0,0]
},
{
label: ,
type: 'line',
fillColor: rgba(220,220,220,0),
pointColor: rgba(220,220,220,0),
borderColor: #FF0000,
tooltip: false,
data: [100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100]
}]
};
var myBarChart = new Chart(ctx, {
type: 'bar',
data: data,
options: {
scales: {
xAxes: [{
stacked: true,
ticks: {
fontColor: '#000',
}
}],
yAxes: [{
stacked: true,
ticks: {
beginAtZero: true,
fontColor: '#000',
callback: function(label, index, labels) {
return label + '%';
}
},
}]
},
elements: {
point:{
radius: 0
}
},
tooltips: {
enabled: true,
mode: 'single',
callbacks: {
label: function(tooltipItems, data) {
return data.datasets[tooltipItems.datasetIndex].label + ': ' + tooltipItems.yLabel + ' %';
}
}
}
}
});
<script src=https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js></script>
<canvas id=chart width=740 height=370></canvas>
How can I hide the tooltip just for the line chart? As you can see in the code, I already tried to insert the attribute tooltip, but this doesn't work.