jqPlot 원형 차트 툴팁이 나타나지 않습니다.

Question

원형 차트가 제대로 렌더링되지만, 툴팁에 형광펜 플러그인을 사용하려고 할 때 슬라이스 위로 마우스를 가져 가면 툴팁이 나타나지 않습니다. 제가 설정하고있는 옵션을 살펴보고 뭔가 분명히 놓치고있는 경우 알려 주시기 바랍니다. 감사합니다.

• jquery.min.js
• jquery.jqplot.min.js
• jqplot.pieRenderer.min.js
• jqplot :

  나는 다음과 같은 관련 JS 파일을 포함 시켰습니다. highlighter.min.js 여기

이 옵션은 내가하고 있어요됩니다

var options = { 
    seriesDefaults: { 
     seriesColors: ['#00809d', '#c22a33'], 
     renderer: jQuery.jqplot.PieRenderer, 
     rendererOptions: { 
      showDataLabels: true, 
      dataLabels: 'label', 
      dataLabelPositionFactor: .45, 
      sliceMargin: 1, 
      drawBorder: false, 
      startAngle: -90, 
      highlightMouseOver: true 
     }, 
     highlighter: { 
      show: true, 
      showTooltip: true, 
      formatString:'%s', 
      tooltipLocation: 'ne', 
      useAxesFormatters: false 
     }, 
     shadow: false 
    }, 
    legend: { show:false }, 
    grid: { 
     drawGridlines: false, 
     borderColor: 'transparent', 
     shadow: false, 
     drawBorder: false, 
     shadowColor: 'transparent', 
     background: 'transparent' 
    } 
}; 

Answer 1

내가 볼 수있는 유일한 렌더링은 레이블 렌더링으로 인한 시각 장애와 관련된 것입니다. 라벨이 너무 커서 파이 차트에 맞지 않습니다. "dataLabels : 'label'"행에 주석을 달아 렌더링이 올바른지 확인하십시오. 슬라이스를 유혹 할 때 도구 설명을 표시하기 위해

, 당신은 seriesDefaults 블록에서 형광펜 참여하고 옵션 블록에 넣어 가지고

이

var options = { 
    seriesDefaults: { 
    //the 'seriesDefaults' options without the 'highlighter' part 
    }, 
    highlighter: { 
    show: true, 
    showTooltip: true, 
    formatString:'%s', 
    tooltipLocation: 'ne', 
    useAxesFormatters: false 
    }, 
    legend: { show:false }, 
    grid: { /* the 'grid' options } 
}; 

작업 예제를 참조하십시오 here