在c3 js的X轴上的每个类别名称上添加click事件

时间:2018-07-12 12:12:33

标签: javascript jquery angularjs graph c3.js

我正在使用c3 js生成类别条形图

这是代码

      var obj = {
                size: {
                    height: 200,
                },
                bindto: '#grBarChart',
                data: {
                    columns: data.columns,
                    type: "bar"
                },
                color: {
                    pattern: ['#c90000', '#008cba', '#FAAC3D','#427322', '#9ead9b', '#ffa500']
                },
                axis: {
                    x: {
                        type: 'category',
                        categories: data.categories,
                        label: {
                            text: 'Scanned Groups',
                            position: 'outer-center'
                        }
                    },
                    y: {
                        label: {
                            text: 'Count (Rules)',
                            position: 'outer-middle'
                        }
                    }
                },
                bar: {
                    width: {
                        ratio: 0.5,
                    }
                },
                grid: {
                    y: {
                        show: true
                    }
                }
            };
            var chart = c3.generate(obj);

此代码正在生成以下图形 enter image description here

现在我的问题是我无法在X轴类别名称上添加click事件(日志记录11,数据保护13 ...)

我推荐了C3 Documentation,但无法解决我的问题。

请给我您的想法?

0 个答案:

没有答案