禁用鼠标悬停时的翻转颜色

AmCharts Map Disable Rollover Color on Mouseover

本文关键字:翻转 颜色 悬停 鼠标      更新时间:2023-09-26

我已经检查了文档,但我找不到它…如何禁用鼠标悬停在AmCharts地图上的翻转颜色?基本上禁止改变地图的颜色(例如,美国地图上的一个州)。我不想要任何鼠标悬停的交互性或改变颜色。谢谢。

var map = AmCharts.makeChart("propertiesMap", {
"type": "map",
"listeners": [{
  "event": "mouseover",
  "method": removeListener
  }],
"dragMap": false,
"theme": "light",
"colorSteps": 5,
"mouseEnabled": false,
"selectable": false,
"zoomOnDoubleClick": false,
"dataLoader": {
    "url": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-160/22422.json",
    format: "json",
    "areas": [{
        "mouseEnabled": false
    }]
},
"areasSettings": {
    "autoZoom": false,
    "balloonText": "",
    "outlineThickness": 1,
    "selectable": false,
},
"valueLegend": {
    "right": 10,
    "minValue": "Cold",
    "maxValue": "Hot"
},
"zoomControl": {
    "zoomControlEnabled": false,
    "panControlEnabled": false,
    "homeButtonEnabled": false
}
});

要禁用所有州/地区的翻转颜色,请在areasSettings对象中将rollOverColor设置为null:

  "areasSettings": {
    // ...
    "rollOverColor": null
  },
演示

From the docs

removeListener(chart, type, handler)

所以在你的例子中:

removeListener(myChart, 'mouseover', stateHoverFunction)