Javascript Highchart-单击时显示/隐藏数据标签

使用

highmap

单击国家/地区选择时显示/隐藏数据标签。使用

plotOptions

尝试了许多方法和选项，但对我来说没有任何效果。请帮忙

代码：

$.getJSON（'https://www.highcharts.com/samples/data/jsonp.php?filename=world-人口密度.json&回调=？'，函数（数据）{
变量countryData=[{
“密钥”：“输入”，
“索引”：2
}, {
“键”：“ru”，
“索引”：2
}];
//启动图表
Highcharts.mapChart（'容器'{
标题：{
文本：“测试地图”
},
工具提示：{
已启用：true
},
地图导航：{
已启用：true
},
打印选项：{
系列：{
光标：“指针”，
要点：{
活动：{
单击：函数（x）{
x、 预防默认值（）；
var opt=x.target.chart.options.plotOptions.series；
opt.dataLabels.enabled=！opt.dataLabels.enabled；
x、 target.chart.series[x.target.index].update（opt）；
that.handleCountrySelect（this）；
}
}
},
}
},
系列：[{
mapData:Highcharts.maps[“自定义/世界”]，
数据：countryData，
joinBy:['hc-key'，'key']，
名称：“国家信息”，
国家：{
悬停：{
颜色：“00b700”
}
},
工具提示：{
总部：''，
pointFormat:“{point.name}”
},
数据标签：{
启用：对，
类名：“突出显示”，
是的，
格式化程序：函数（）{
return（“+this.point.key.toUpperCase（）+”）
},
},
要点：{
活动：{
点击（x）{
var opt=x.target.chart.options.plotOptions.series；
opt.dataLabels.enabled=！opt.dataLabels.enabled；
x、 target.chart.series[x.target.index].update（opt）；
console.log（“代码：”，this.key）
}
}
}
}]
});
});
@import'https://code.highcharts.com/css/highcharts.css';
#容器{
高度：500px；
宽度：800px；
保证金：0自动；
}
/*//数据标签*/
.highcharts数据标签框{
填充：#a4edba；
笔画：灰色；
笔画宽度：1px；
}
.highcharts数据标签{
字体大小：正常；
}
.highlight.highcharts数据标签框{
填充物：白色；
笔画宽度：1px；
笔画：红色；
}
.highlight.highcharts-data-label文本{
字体大小：粗体；
填充：黑色；
}
.别针{
宽度：20px；
高度：20px；
边界半径：50%50%50%0；
背景：#CA091A；
位置：绝对位置；
变换：旋转（-45度）；
左：50%；
最高：50%；
利润率：-10px0-15px；
}
.别针标签{
宽度：13px；
高度：12px；
字体大小：10px；
字体大小：粗体；
保证金：4px0.3px；
背景：#e6；
位置：绝对位置；
边界半径：50%；
变换：旋转（45度）；
}
.弹跳{
动画名称：弹跳；
动画填充模式：两者都有；
动画持续时间：1s；
}
.脉搏{
背景：#D6D4；
边界半径：50%；
高度：14px；
宽度：14px；
位置：绝对位置；
左：50%；
最高：50%；
利润率：11px 0px 0px-12px；
变换：旋转（55度）；
z指数：-2；
}
.脉搏：之后{
内容：“；
边界半径：50%；
高度：40px；
宽度：40px；
位置：绝对位置；
裕度：-13px0-13px；
动画：脉动1s放松；
动画迭代次数：无限；
不透明度：0；
盒影：0 1px 2px#00cae9；
动画延迟：1.1s；
}
@关键帧跳动{
0% {
变换：比例（0.1,0.1）；
不透明度：0；
}
50% {
不透明度：1；
}
100% {
变换：比例（1.2,1.2）；
不透明度：0；
}
}
@关键帧反弹{
0% {
不透明度：0；
变换：translateY（-2000px）旋转（-45度）；
}
60% {
不透明度：1；
变换：translateY（30px）旋转（-45度）；
}
80% {
变换：translateY（-10px）旋转（-45度）；
}
100% {
变换：translateY（0）旋转（-45度）；
}
}
我更新了下面代码段中的单击功能：


$.getJSON（'https://www.highcharts.com/samples/data/jsonp.php?filename=world-人口密度.json&回调=？'，函数（数据）{
变量countryData=[{
“密钥”：“输入”，
“索引”：2
}, {
“键”：“ru”，
“索引”：2
}]; 
//启动图表
Highcharts.mapChart（'容器'{
标题：{
文本：“测试地图”
},
工具提示：{
已启用：true
},
地图导航：{
已启用：true
},
打印选项：{
系列：{
要点：{
活动：{
单击：函数（）{
var e=！this.dataLabels | | this.dataLabels.enabled？false:true；
这是更新({
数据标签：{
启用：e
}
});
}
}
}
}
},
系列：[{
mapData:Highcharts.maps[“自定义/世界”]，
数据：countryData，
joinBy:['hc-key'，'key']，
名称：“国家信息”，
国家：{
悬停：{
颜色：“00b700”
}
},
工具提示：{
总部：''，
pointFormat:“{point.name}”
},
数据标签：{
启用：对，
类名：“突出显示”，
是的，
格式化程序：函数（）{
return（“+this.point.key.toUpperCase（）+”）
},
},
要点：{
活动：{
单击：函数（）{
var e=！this.dataLabels | | this.dataLabels.enabled？false:true；
这是更新({
数据标签：{
启用：e
}
});
}
}
}
}]
});
});
@import'https://code.highcharts.com/css/highcharts.css';
#容器{
高度：500px；
宽度：800px；
保证金：0自动；
}
/*//数据标签*/
.highcharts数据标签框{
填充：#a4edba；
笔画：灰色；
笔画宽度：1px；
}
.highcharts数据标签{
字体大小：正常；
}
H