Javascript highmaps单击country并更改其背景色,同时从工具提示中删除系列1
我正在为我的应用测试此highmaps,但我找不到此信息,请提供链接或答案的任何人Javascript highmaps单击country并更改其背景色,同时从工具提示中删除系列1,javascript,jquery,highmaps,Javascript,Jquery,Highmaps,我正在为我的应用测试此highmaps,但我找不到此信息,请提供链接或答案的任何人 点击一个国家后,如何将其背景颜色更改为红色 如何从工具提示中删除额外数据,我只想显示国家名称 如何将一些国家设置为一种颜色,比如说“CCCCCC”,将残疾人计数器设置为“ffffff” 代码 plotOptions:{ series:{ point:{ events:{ click: function(){
plotOptions:{
series:{
point:{
events:{
click: function(){
alert(this.name);
}
}
}
}
}
1。单击一个国家后,如何将其背景色更改为红色
您可以通过将this.color
设置为'rgb(255,0,0)
来更改单击元素的背景色。下面是plotOptions
plotOptions:{
series:{
point:{
events:{
click: function(){
alert(this.name);
this.color = "rgb(255,0,0)";
}
}
}
}
}
更新
如果您想重置之前选择的元素,这里有一个解决方法(尚未找到其他方法)将下面的代码放在警报(this.name)
之后,并查看小提琴示例以更好地理解。(正在地图图表之前初始化oldFill
变量,只是临时存储所选元素的原始颜色值)
2。如何从工具提示中删除额外数据,我只想显示国家名称。
通过使用以下工具提示
设置,您将获得所需的效果
tooltip: {
headerFormat: '',
pointFormat: '<strong>{point.name}</strong>',
footerFormat: ''
}
工具提示:{
总部:'',
pointFormat:“{point.name}”,
页脚格式:“”
}
点击一个国家后,它会变成红色,很好。但是,当我单击另一个国家时,上一个国家在悬停时再次变为红色(而我没有选择它)
tooltip: {
headerFormat: '',
pointFormat: '<strong>{point.name}</strong>',
footerFormat: ''
}