Question

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

点击某个国家/地区后，如何将背景颜色更改为红色，
如何从工具提示中删除额外数据，我只想显示国家/地区名称。
如何设置一些颜色的国家/地区可以说“#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)之后放置以下代码，并查看小提琴示例以便更好地理解。（oldFill变量正在地图之前初始化，只是临时存储所选元素的原始颜色值。

$(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

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

1 个答案: