Как включить тень при наведении и выборе хаймэпа?

Я хочу иметь такой эффект при наведении или выборе страны

эффект наведения

Игнорировать всплывающую подсказку, присутствующую здесь


person Jaditi    schedule 28.07.2016    source источник


Ответы (1)


Вы можете добавить эту функциональность в свои функции обратного вызова событий point.mouseOver и point.mouseOut.

Вы можете использовать point.graphic.shadow() для добавления тени к вашей точке, а затем удалить эту тень вручную на mouseOut.

Здесь вы можете увидеть код, который может вам помочь:

   point: {
      events: {
        mouseOver: function() {
          this.graphic.shadow({
            width: 10
          })
        },
        mouseOut: function() {
          Highcharts.each(this.graphic.shadows, function(p) {
            p.remove();
          })
        }
      }
    }

И здесь вы можете найти живой пример того, как это может работать: http://jsfiddle.net/x4j0d6dy/1/

С уважением,

person Grzegorz Blachliński    schedule 28.07.2016