C3: Onclick tidak berfungsi untuk diagram lingkaran di C3 versi 0.5.1

Dibuat pada 27 Mar 2018 · 10Komentar · Sumber: c3js/c3

Versi C3 : v0.5.1
Versi D3 :4.13.0
Peramban : Chrome
OS : MacOS

Saat menggunakan diagram Pie, perilakunya tampaknya telah berubah. Saat ini, peristiwa onclick, mouseover, dan mouseout yang ditambahkan ke elemen data tidak berfungsi. Itu juga tidak berfungsi dalam contoh di http://c3js.org/samples/chart_pie.html.

cuplikan kode:

data:{
columns: data,
type: 'pie',
onclick:function(d,element){
console.log("Clicked");
}
}

Sumber

kenkyoung

👍4

Komentar yang paling membantu

Saya menemukan pekerjaan di sekitar sementara itu. Tambahkan yang berikut ini ke css Anda:

.c3-event-rects {
   display: none;
}

salah satu bentuk menghalangi peristiwa agar tidak ditembakkan karena ditumpuk di atas bentuk lain yang membuat bagan donat/pai Anda. Saya belum menemukan kesalahan dengan solusi ini, tetapi saya akan memperbarui jika saya melakukannya.

ecupaio pada 17 Apr 2018

👍10

Semua 10 komentar

+1
v0.5.0 tampaknya telah memecahkan grafik pie, donat, dan gauge. Bahkan acara default seperti sorotan saat mengarahkan kursor tidak berfungsi.

novarol pada 3 Apr 2018

ada pembaruan tentang masalah ini? Memiliki masalah yang sama pada grafik gauge.

albayraktaroglu pada 10 Apr 2018

ada yang tau versi apa onclick donat and pie tidak rusak?

ecupaio pada 17 Apr 2018

Saya menemukan pekerjaan di sekitar sementara itu. Tambahkan yang berikut ini ke css Anda:

.c3-event-rects {
   display: none;
}

ecupaio pada 17 Apr 2018

👍10

Memiliki masalah yang sama di C3 0.5.4, dan Anda dapat melihat bug di sini: http://c3js.org/samples/chart_donut.html

Solusi @ecupaio berfungsi untuk saya pada diagram lingkaran, tetapi bukan diagram batang.

Masalah sebenarnya tampaknya .c3-event-rects dirender sebagai simpul DOM terakhir, padahal seharusnya yang pertama. Misalnya, pada demo bagan donat yang ditautkan di atas, jika Anda menggunakan debugger Chrome untuk menyusun ulang node dari ini

screen shot 2018-04-27 at 5 00 47 pm