İçereği Atla
Menü
Bu soru işaretlendi
1 Cevapla
38330 Görünümler

I am using  Chart JS in my custom module. And I am using one canvas to display Multiple Charts. But when I move the mouse through the division and canvas it hover itself without clicking or selecting any button. I need to chage it when i select an drop down option. But its doesnt change.

I used empty() and remove() functions but its not worked well.

Can Anyone help me to resolve this issue?

My JS code is given below


var ctx = document.getElementById("canvas").getContext('2d');
var labels = [MONDAY,TUESDAY,WEDNESDAY]; 

var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: labels,
datasets: [
{
label: 'Attendance', // Name the series
data: [25, 28, 24], // Specify the data values array
backgroundColor: '#66aecf',
borderColor: '#66aecf',

borderWidth: 1, // Specify bar border width
type: 'bar', // Set this data to a line chart
fill: false
}
}]
},
options: {
responsive: true,
maintainAspectRatio: false, });
 })
Avatar
Vazgeç
En İyi Yanıt

Hi,

Please re-write var myChart = new Chart(ctx, {  into the following code 

if(window.myCharts != undefined)
window.myCharts.destroy();
window.myCharts = new Chart(ctx, {

In current code the hover will not work because in your code multiple charts work on the same canvas, so the destroy() will remove your previous chart and add current chart on your action(may be a button click).

Hope it helps

Avatar
Vazgeç
Üretici

Good , it works well....

Thank you Cybrosys Techno Solutions

İlgili Gönderiler Cevaplar Görünümler Aktivite
0
Eyl 21
2854
1
Tem 24
1288
1
Haz 23
1850
2
May 23
2777
1
May 23
1800