Javascript Google图表设置列运行不正常

我一直在尝试使用谷歌图表来显示一些与潜水相关的数据（下面的代码中没有使用实际数据，实际数据非常庞大）。加载页面时，数据将正确显示。但当我使用复选框设置列（隐藏或显示列）时，结果很奇怪。图表将隐藏错误的列

我已附上代码。如果运行它，您将看到数据正确显示。但是当您尝试使用复选框打开或关闭任何列时，您会意识到它隐藏/显示了错误的列。（第一列除外）

//从Google加载可视化库并设置侦听器
加载（“可视化”，“1”{
软件包：[“corechart”]
});
setOnLoadCallback（drawChart）；
函数绘图图（）{
//这个新的DataTable对象保存所有数据
var data=new google.visualization.arrayToDataTable(
[
[“时间”、“10英尺”、“15英尺”、“20英尺”、“25英尺”、“30英尺”、“35英尺”]，
[“5分钟”、1、2、3、4、5、6]，
[“7分钟”、1、2、4、6、8、10]，
[“8分钟”，1,3,6,9,12,15]
]
);
//此视图可以一次选择数据的子集
var view=newgoogle.visualization.DataView（数据）；
//设置图表选项
变量选项={
标题：“无解压缩限制”，
言辞：{
标题：“组指定”，
titleTextStyle：{
颜色：“#333”
},
滴答声：[{
五:一,，
f:‘A（1）’
}, {
五:二,，
f:‘B（2）’
}, {
五:三,，
f:‘C（3）’
}, {
五:四,，
f:‘D（4）’
}, {
五:五,，
f:‘E（5）’
}, {
五:六,，
f:‘f（6）’
}, {
五:七,，
f:‘G（7）’
}, {
五:八,，
f:‘H（8）’
}, {
五:九,，
f:‘I（9）’
}, {
v:10，
f:‘J（10）’
}, {
v:11，
f:‘K（11）’
}, {
v:12，
f:‘L（12）’
}, {
v:13，
f:‘M（13）’
}, {
v:14，
f:‘N（14）’
}, {
v:15，
f:‘O（15）’
}, {
v:16，
f:‘减压’
}]
},
哈克斯：{
标题：“时间（分钟）”，
最小值：10，
方向:1,，
文本样式：{
尺寸：14
},
scaleType:'log'
},
方向：“水平”，
};
var chart=new google.visualization.LineChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
$（'.depth'）.change（函数（）{
var depthArray=[]；
对于（i=0；i视图（0）中的第一列应始终为x轴。

因此，您需要将复选框的索引增加1，

因为第一个y轴列的索引为1

var depthArray = [0];
for (i = 0; i <= 6; ++i) {
    if ($(".depth:eq(" + (i) + ")").is(":checked")) {
        depthArray.push(i+1);
    }
}


深度见无减压限制
≤；10英尺
≤；15英尺
≤；20英尺
≤；25英尺
≤；30英尺
≤；35英尺
非常感谢。是的，我将使用您的方法，这样会更好。