识别饼图图例名称以用于 onclick



如何将实际的数据图例名称传递给onclick警报。此示例中的苹果或香蕉。JSFIDDLE 链接在这里

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

d.name 给你传说

你的小提琴: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
        }        
    }
});

最新更新