Idenify饼图图例名称用于onclick

时间:2017-06-10 19:37:08

标签: javascript c3.js

如何将实际数据图例名称传递给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); 
    }        
}
});

1 个答案:

答案 0 :(得分:0)

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