하이 차트 - 툴팁이 표시 될 때 차트의 불투명도 변경

Question

툴팁이 표시되면 라벨이 현재 표시된 데이터 포인트를 제외하고 차트의 모든 데이터 포인트의 불투명도를 변경할 수 있습니까?

즉 기본 열 차트에서 마우스가 열 위로 이동하면 해당 열이 약간 강조 표시됩니다. 같은 이벤트에서 다른 모든 열의 불투명도를 50 %로 변경하고 싶습니다.

감사

Answer 1

당신은 점 위로 마우스를 사용할 수 있으며로 마우스 이벤트는 차트의 경우 기능 콜백. 이 이벤트에서 특정 지점의 색상을 업데이트 할 수 있습니다. 당신은 RGBA 색상을 사용할 경우 http://api.highcharts.com/highcharts#plotOptions.area.point.events.mouseOver http://api.highcharts.com/highcharts#plotOptions.area.point.events.mouseOut

, 당신은 당신의 불투명도를 설정할 수 있습니다. 여기

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/

종류의 안부.