Question

我正在尝试在条形图中绑定条形图上的点击事件。它似乎在firefox中运行良好，但在最新的Chrome浏览器中打破。

我到了 错误：未捕获的TypeError：无法读取未定义的属性'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

点击条形图上的事件使用c3js似乎打破了chrome

1 个答案: