하이 차트 y 축 플롯 라인 레이블이 툴팁을 숨 깁니다

Question

바이올린을 확인하십시오 - http://jsfiddle.net/4R5HH/209/ - 테스트 용입니다.

y- 축 위에 마우스를 올려 놓았을 때 시리즈 툴팁을 숨기는 대상 레이블이 있습니다.

이 문제에 대한 해결책.

$(function() { 
$(document).ready(function() { 
    var chart = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'container', 
      type: 'line' 
     }, 
     title: { 
      text: 'Dummy Data by Region' 
     }, 
     xAxis: { 
      categories: ['Africa', 'America', 'Asia'] 
     }, 
     yAxis: { 
      plotLines:[{ 
       value:75, 
       color: '#ff0000', 
       width:2, 
       zIndex:4, 
       label:{text:'goal'}, 
       dashStyle: 'line', 
       label: { 
        useHTML: true, 
        text: '<div class="targetLabel"><span>Target</span><br/><span style="font-weight: bold; padding-top: 5px;">' + '75' + '</span></div>', 
        align: 'center', 
        rotation: 0 
       }, 
      }] 
     }, 
     series: [{ 
      name: 'Year 1800', 
      data: [107, 31, 50] 
     }, 
       { 
      name: 'Goal', 
        type: 'scatter', 
        marker: { 
       enabled: false 
      }, 
      data: [450] 
     }] 
    }); 
}); 

});

Answer 1

하이 차트 포럼의 답변을 얻었습니다. 참조 용 링크를 추가하는 중 - http://forum.highcharts.com/highcharts-usage/highcharts-y-axis-plotlines-label-hides-the-tooltip-t31539/