Блог

Главная - Вопросы по программированию - Карта amCharts отключает изменение цвета при наведении курсора мыши

Карта amCharts отключает изменение цвета при наведении курсора мыши

#javascript #json #amcharts

#javascript #json #amcharts

Вопрос:

Я проверил документацию, но не могу ее найти… как я могу отключить цвет ролловера на карте 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
}
});

Комментарии:

1. Пожалуйста, отправьте свой JS-код для карты вместе с вашими аргументами

2. @AshleyBrown я его добавил.

3. Вы пробовали предложение @Pat?

Ответ №1:

Чтобы отключить цвет ролловера для всех состояний / областей, установите значение rollOverColor null в вашем areasSettings объекте:

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

ДЕМОНСТРАЦИЯ

Комментарии:

1. Большое вам спасибо @xorspark!

Ответ №2:

Из документов

removeListener(chart, type, handler)

Итак, в вашем случае:

removeListener(myChart, 'mouseover', stateHoverFunction)

Комментарии:

1. Спасибо… Я обновил код, но он не отображается для меня… можете ли вы помочь мне указать, что я пропустил?

2. @Pat — это неверно. removeListener работает только с пользовательскими событиями диаграммы, а не с обычными событиями браузера, такими как mouseover . Вы также не можете удалить событие по умолчанию, такое как rollOverMapObject

3. Я исправлен — вы можете удалить некоторые события по умолчанию, например событие увеличения полосы прокрутки . rollOverMapObject однако это не один из них.

Метки: