Highcharts - изменение непрозрачности диаграммы при отображении всплывающей подсказки

Question

Когда показана всплывающая подсказка, можно ли изменить непрозрачность всех точек данных на диаграмме, за исключением точки данных, для которой в настоящее время отображается метка?

В таблице столбцов по умолчанию, когда мышь перемещается по столбцу, этот столбец будет подсвечиваться немного. Для этого же события я бы хотел, чтобы непрозрачность всех остальных столбцов изменилась до 50%.

Благодаря

Answer 1

Вы можете использовать точку MouseOver и MouseOut событие обратного вызов функции в случае вашей карты. Внутри этих событий вы можете обновить цвет определенных точек. http://api.highcharts.com/highcharts#plotOptions.area.point.events.mouseOver http://api.highcharts.com/highcharts#plotOptions.area.point.events.mouseOut

Если вы будете использовать RGBA цвета, вы сможете установить непрозрачность.

point: { 
    events: { 
     mouseOver: function() { 
     Highcharts.each(this.series.data, function(p, i) { 
      p.update({ 
      color: 'rgba(50,120,60,0.5)' 
      }, false) 
     }); 
     this.update({ 
      color: 'rgba(50,120,60,1)' 
     }); 
     }, 
     mouseOut: function() { 
     Highcharts.each(this.series.data, function(p, i) { 
      p.update({ 
      color: 'rgba(50,120,60,1)' 
      }, false) 
     }); 
     this.series.chart.redraw(); 
     }, 
    } 
    } 

Здесь вы можете увидеть пример того, как это может работать: http://jsfiddle.net/4q10q8r1/

С уважением.