确定用于 onclick 的饼图图例名称

Question

如何将实际数据图例名称传递给 onclick 警报。本例中的苹果或香蕉。 jsfiddle link here

var chart = c3.generate({
data: {
    columns: [
        ['data1', 30],
        ['data2', 120],
    ],          
    names: {
            data1: 'Apples',
            data2: 'Bananas',
            },  // legend names         
    type : 'pie',

    onclick: function (d, element) { 
    alert( d.ratio); 
    }        
}
});

Answer 1

d.name 给你图例

你的fiddle：https://jsfiddle.net/wu7ovtqn/

var chart = c3.generate({
    data: {
        columns: [
            ['data1', 30],
            ['data2', 120],
        ],          
        names: {
                data1: 'Apples',
                data2: 'Bananas',
                },  // legend names         
        type : 'pie',

        onclick: function (d, element) { 
                alert(d.name);// d.name is your legend
        }        
    }
});

确定用于 onclick 的饼图图例名称

Idenify Pie chart legend name for use with onclick

javascript

c3.js