Return 单击圆环图后的 JSON 对象 (c3js)

Question

我在视图中使用 c3js in my web application, I have added a Donut Chart，一切正常！

但是，当我想从点击区域检索 JSON 对象时，我在控制台中显示后收到一个 SVGPathElement 类型的对象，我尝试将其转换为 JSON但不起作用：

如何从点击的元素中获取数据？

我的代码与此类似：

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

您可以使用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"
    }
});

Return 单击圆环图后的 JSON 对象 (c3js)

Return a JSON Object after clicking on donut Chart (c3js)

javascript

charts

angularjs

c3.js