Question

我在我的网络应用程序中使用c3js，我在我的视图中添加了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"
    }
});

点击圆环图（c3js）后返回一个JSON对象

1 个答案: