Google hideColumns[1] 时图表错误

Question

我正在为 hide/show 列数据创建 google 折线图 jquery。但是当使用 hideColumns1 单击第一个数据复选框时我遇到了这个问题总是错误但是如果 hideColumns[2] 和 hideColumns[3] 没有错误。

            $(document).ready(function () {
            // do stuff on "ready" event
            $(".checkbox").change(function() {

                view = new google.visualization.DataView(data);

                view.setColumns([0, 1,
                    { calc: "stringify",
                        sourceColumn: 1,
                        type: "string",
                        role: "annotation" },2,
                    { calc: "stringify",
                        sourceColumn: 2,
                        type: "string",
                        role: "annotation" },3,
                    { calc: "stringify",
                        sourceColumn: 3,
                        type: "string",
                        role: "annotation" }]);
                if(!$("#kolom1").is(':checked'))
                    view.hideColumns([1]);
                if(!$("#kolom2").is(':checked'))
                    view.hideColumns([2]);
                if(!$("#kolom3").is(':checked'))
                    view.hideColumns([3]);

                chart.draw(view, options);

            });
        });

chrome 中的错误说：

"Failed to execute 'replaceChild' on 'Node'"

但如果其他复选框（hideColumns[2] 和 hideColumns[3]）没有问题，如何解决？您可以在下面的 jsfiddle 中尝试：

view on jsfiddle

Answer 1

经过反复试验，我用下面的代码解决了我自己的问题

           $(document).ready(function () {
            // do stuff on "ready" event
            $(".checkbox").change(function() {

                view = new google.visualization.DataView(data);
                var tes =[0];

                if($("#kolom1").is(':checked')) {

                    tes.push(1,
                        { calc: "stringify",
                            sourceColumn: 1,
                            type: "string",
                            role: "annotation" });                    }
                if($("#kolom2").is(':checked'))
                {
                    tes.push(2,
                        { calc: "stringify",
                            sourceColumn: 2,
                            type: "string",
                            role: "annotation" });
                }
                if($("#kolom3").is(':checked'))
                {
                    tes.push(3,
                        { calc: "stringify",
                            sourceColumn: 3,
                            type: "string",
                            role: "annotation" });
                }
                view.setColumns(tes);


                chart.draw(view, options);

            });
        });

希望有用view on jsfiddle

Google hideColumns[1] 时图表错误

Google chart error when hideColumns[1]

html

javascript

jquery

google-visualization