单击甜甜圈图（c3js）后返回JSON对象

Question

I use c3js in my web application, I have added a Donut Chart into my View and it all works fine !

But, when I want to retrieve the JSON object from the clicked zone, I receive an object of the type SVGPathElement after displaying it in the console, I try to convert it to JSON but doesn't work:

How do I get the data from the clicked element?

My code is similar to that :

var chart = c3.generate({
    data: {
        columns: [
            ['data1', 30],
            ['data2', 120],
        ],
        type : 'donut',
        onclick: function (d, i) { console.log("onclick", d, i); },
        onmouseover: function (d, i) { console.log("onmouseover", d, i); },
        onmouseout: function (d, i) { console.log("onmouseout", d, i); }
    },
    donut: {
        title: "Iris Petal Width"
    }
});

Answer 1

You can send it using ajax

var chart = c3.generate({
    data: {
        columns: [
            ['data1', 30],
            ['data2', 120],
        ],
        type : 'donut',
        onclick: function (d, i) { 

$.ajax({
url:'your server php file',
headers:{/*some headers*/},
data:JSON.stringify(d),
}).then(function(data){
    //do something in success
 })

}

    },
    donut: {
        title: "Iris Petal Width"
    }
});