Javascript 在highcharts中的图表和数据表之间切换

我正在处理highchart之间的切换，我已经编写了一些代码，但是当我单击上面的切换时，它不起作用。特定的图表应该用datatable替换图表

JsFiddle链接：JsFiddle.net/GnanaSagar/psnh87ud/61/

使用js代码的Html文件：

函数切换到数据表（id）{
var chart=$（'#'+id）.Highchart（），
chartDiv=$（chart.renderTo）；
如果（chartDiv.is（“：visible”））{
chartDiv.hide（）；
if（！chart.dataTableDiv）{
chart.update({
出口：{
可展示：正确
}
});
}否则{
$（chart.dataTableDiv.show（）；
}
}否则{
chartDiv.show（）；
$（chart.dataTableDiv.hide（）；
}
}
海图。海图（‘海图1’{
图表：{
类型：“列”
},
标题：{
文本：“”
},
副标题:{
文本：“”
},
xAxis：{
类别：[
“一月”，
二月,，
“三月”，
“四月”，
“五月”，
"六月",，
七月,，
"八月",，
"九月",，
“十月”，
十一月,，
“十二月”
],
十字准星：对
},
亚克斯：{
分:0,，
标题：{
文字：“降雨量（毫米）”
}
},
工具提示：{
headerFormat:“{point.key}”，
pointFormat:“{series.name}:”+
“{point.y:.1f}mm”，
页脚格式：“”，
分享：是的，
useHTML:true
},
打印选项：{
专栏：{
点填充：0.2，
边框宽度：0
}
},
系列：[{
名称:"东京",，
数据：[49.9,71.5,106.4129.2,144.0176.0,135.6148.51216.4194.1,95.6,54.4]
}, {
名称：'纽约'，
数据：[83.6,78.8,98.5,93.4,106.0,84.5,105.0,104.3,91.2,83.5,106.6,92.3]
}, {
名称：“伦敦”，
数据：[48.9,38.8,39.3,41.4,47.0,48.3,59.0,59.6,52.4,65.2,59.3,51.2]
}, {
名称：“柏林”，
数据：[42.4,33.2,34.5,39.7,52.6,75.5,57.4,60.4,47.6,39.1,46.8,51.1]
}]
});
海图。海图（‘海图2’{
图表：{
plotBackgroundColor:null，
plotBorderWidth:null，
影子：错，
键入：“馅饼”
},
标题：{
文字：“2018年1月浏览器市场份额”
},
工具提示：{
pointFormat:“{series.name}:{point.percentage:.1f}%”
},
打印选项：{
馅饼：{
allowPointSelect:true，
光标：“指针”，
数据标签：{
已启用：false
},
showInLegend：对
}
},
系列：[{
名称：'品牌'，
colorByPoint：对，
legendType:'点'，
数据：[{
名称：“Chrome”，
y:61.41，
切碎：是的，
所选：真
}, {
名称：“Internet Explorer”，
y:11.84
}, {
名称：“Firefox”，
y:10.85
}, {
名称：'边缘'，
y:4.67
}, {
名称：“Safari”，
y:4.18
}, {
名称：'其他'，
y:7.05
}]
}]
});
海图。海图（'chart3'{
图表：{
plotBackgroundColor:null，
plotBorderWidth:null，
影子：错，
键入：“馅饼”
},
标题：{
文字：“2018年1月浏览器市场份额”
},
工具提示：{
pointFormat:“{series.name}:{point.percentage:.1f}%”
},
打印选项：{
馅饼：{
allowPointSelect:true，
光标：“指针”，
数据标签：{
已启用：false
},
showInLegend：对
}
},
系列：[{
名称：'品牌'，
colorByPoint：对，
legendType:'点'，
数据：[{
名称：“Chrome”，
y:61.41，
切碎：是的，
所选：真
}, {
名称：“Internet Explorer”，
y:11.84
}, {
名称：“Firefox”，
y:10.85
}, {
名称：'边缘'，
y:4.67
}, {
名称：“Safari”，
y:4.18
}, {
名称：'其他'，
y:7.05
}]
}]
});

转换
转换
转换
获取图表的方式是错误的

您应该替换此：

var chart = $('#'+id).Highchart()

为此：

var chart = $("#" + id).highcharts();

请在问题中包含您的代码（您可以使用JS代码段，它们的工作方式与JSFIDLE类似）。问题的全部内容必须在您的问题中，而不仅仅是链接。链接会腐烂，使得问题及其答案对未来的人们来说毫无用处，人们不应该非得离开网站去帮助你。在问题中输入a，理想情况下使用堆栈片段（工具栏按钮）使其可运行（）。感谢响应人员，它不起作用，我已替换了它，但没有用您是否在
切换到数据表中替换了它？我试过了，效果很好