Javascript highmaps单击country并更改其背景色,同时从工具提示中删除系列1

Javascript highmaps单击country并更改其背景色,同时从工具提示中删除系列1,javascript,jquery,highmaps,Javascript,Jquery,Highmaps,我正在为我的应用测试此highmaps,但我找不到此信息,请提供链接或答案的任何人 点击一个国家后,如何将其背景颜色更改为红色 如何从工具提示中删除额外数据,我只想显示国家名称 如何将一些国家设置为一种颜色,比如说“CCCCCC”,将残疾人计数器设置为“ffffff” 代码 plotOptions:{ series:{ point:{ events:{ click: function(){

我正在为我的应用测试此highmaps,但我找不到此信息,请提供链接或答案的任何人

  • 点击一个国家后,如何将其背景颜色更改为红色
  • 如何从工具提示中删除额外数据,我只想显示国家名称
  • 如何将一些国家设置为一种颜色,比如说“CCCCCC”,将残疾人计数器设置为“ffffff”
  • 代码

    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: ''
    }