使用 c3js 的条形图上的点击事件似乎在 chrome 上中断

Question

我正在尝试在条形图中的条形上绑定点击事件。它在 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
                            }
                        }
                    });

如果我做错了或者 library/browser 兼容性有问题，请提出建议。

谢谢

Answer 1

我在 GitHub 上发现了针对此错误的已解决问题。 在 c3js dev 分支中已经有一个修复，它没有合并到 master 中。

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

详细信息在这些链接上：

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

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