javascript - highmaps 单击国家并更改其背景颜色，同时从工具提示中删除系列 1

Question

我正在为我的应用程序测试这个高图，但我找不到这个信息，任何有链接或答案的人都可以

1. 点击一个国家后，如何将其背景颜色更改为红色，
2. 如何从工具提示中删除额外的数据，我只想显示国家名称。
3. 如何将一些国家设置为一种颜色让我们说“#CCCCCC”并用#ffffff 禁用国家。

代码

plotOptions:{
    series:{
        point:{
           events:{
              click: function(){
                 alert(this.name);
              }
           }
        }
    }
}

Fiddle

Answer 1

1.单击一个国家后，如何将其背景颜色更改为红色

您可以通过将 this.color 设置为 'rgb(255,0,0) 来更改被点击元素的背景色。这里有一个 plotOptions

的例子

plotOptions:{
    series:{
        point:{
           events:{
              click: function(){
                   alert(this.name);
                   this.color = "rgb(255,0,0)";
              }
           }
        }
    }
}

更新

如果你想重置之前选择的元素，这里有一个解决方法(还没有找到另一种方法)将下面的代码放在 alert(this.name) 之后，看看 fiddle 的例子可以更好地理解。 (oldFill 变量在 map 图表之前被初始化，只是临时存储所选元素的原始颜色值)

$(mapChart.find("path")).each(function(){
    if($(this)[0].attributes.fill.value === 'rgb(255,0,0)'){
        $(this)[0].attributes.fill.value = oldFill;
    }
});
oldFill = this.color;

2。如何从工具提示中删除额外的数据，我只想显示国家名称。

通过使用以下 tooltip 设置，您将获得所需的效果。

tooltip: {
     headerFormat: '',
     pointFormat: '<strong>{point.name}</strong>',
     footerFormat: ''
}

Updated JSFiddle Example