Zurückgeben eines JSON-Objekts nach dem Klicken auf Donut-Diagramm (c3js)

Question

Ich verwende c3js in meiner Webanwendung, ich habe eine Donut Chart in meine Ansicht hinzugefügt und alles funktioniert gut!

Aber, wenn ich das JSON-Objekt aus der Zone angeklickt abrufen möchten, erhalte ich ein Objekt vom Typ SVGPathElement, nachdem er in der Konsole angezeigt wird, versuche ich es zu JSON zu konvertieren, aber nicht funktioniert:

Wie bekomme ich die Daten vom angeklickten Element?

Mein Code ist ähnlich wie:

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

Sie es mit Ajax senden

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" 
    } 
});