2

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

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

代码

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

小提琴

4

1 回答 1

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

更新了 JSFiddle 示例

于 2015-10-28T21:15:08.553 回答