【问题标题】:Idenify Pie chart legend name for use with onclick识别饼图图例名称以用于 onclick
【发布时间】:2017-06-10 19:37:08
【问题描述】:

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

【问题讨论】:

    标签: javascript c3.js


    【解决方案1】:

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

    【讨论】:

    • 感谢成功,我试过 d.names,真是个假人。如果我有一些与饼图数据相关的自定义数据怎么办。自定义 {data1:'Red',data2:'domestic'},
    • 一切都在 d 中。试试 console.log(d) 你可以看到 d 中有哪些数据
    • 是的,我看到 d 显示所有对象数据的位置,但自定义:{ data1: 'domestic', data2: 'imported', } 是单独的数据,不会在控制台中显示。日志(d)。我什至不确定“自定义”数据是否在正确的位置。 JSFiddle
    猜你喜欢
    • 2011-05-28
    • 2019-06-10
    • 1970-01-01
    • 2016-08-10
    • 1970-01-01
    • 2015-11-22
    • 2015-10-22
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多