javascript - 使用 c3js 在条形图上单击事件似乎在 chrome 上中断

Question

我正在尝试绑定(bind)条形图中条形上的点击事件。它在 Firefox 中似乎工作正常，但在最新的 chrome 浏览器中却崩溃了。

我得到了错误:未捕获类型错误:无法读取未定义的属性“getItem”

下面是我正在使用的代码片段:

chart = c3.generate({
                        bindto: "#filterCoverageContainer",
                        data: {
                            onclick: function(d, element) {
                                console.log(d);
                                console.log(element);
                            },
                            columns: [
                                ['data1', 30, 200, 100, 400, 150, 250],
                                ['data2', 130, 100, 140, 200, 150, 50]
                            ],
                            type: 'bar',
                        },
                        axis: {
                            x: {
                                type: 'category', // this needed to load string x value
                                label: {
                                    text: 'Filter Names',
                                    position: 'outer-right'
                                }
                            },
                            y: {
                                max: 100,
                                label: {
                                    text: 'Coverage (in %)',
                                    position: 'outer-center'
                                }
                            }
                        },
                        grid: {
                            x: {
                                show: true,
                            },
                            y: {
                                show: true
                            }
                        }
                    });

请建议我是否以错误的方式执行此操作，或者库/浏览器兼容性是否有问题。

谢谢

Answer 1

我在 GitHub 上发现了针对此错误打开的问题。c3js dev 分支中已经有一个修复程序，但未合并到 master 中。

使用 dev 分支的 c3js 解决了这个问题。

详细信息位于以下链接:

https://github.com/masayuki0812/c3/pull/1564

https://github.com/masayuki0812/c3/issues/1566