플롯 차트로 jquery-tooltip 사용

Question

jquery 툴팁을 사용하려면 example을 팔로우하고 있습니다. 캔버스에 제목이 나타납니다. 그걸 없애는 방법을 모르겠습니다. 내가 캔버스 위로 가져 가면 나는 그것을 본다. 이미지가 내가

$(function() { 

    var $chart = $("#placeholder"), 
     ttPos = $.ui.tooltip.prototype.options.position; 

    $.plot(
     $chart, 
     [{ 
      label: "Number of users", 
      data:[ 
       [ 1, 2233 ], 
       [ 2, 1294 ], 
       [ 3, 1658 ], 
       [ 4, 1603 ], 
       [ 5, 1790 ], 
       [ 6, 2103 ] 
      ] 
     }], 
     { 
      series: { 
       lines: { show: true }, 
       points: { show: true } 
      }, 
      grid: { 
       hoverable: true 
      }, 
      legend: { 
       show: false 
      } 
     } 
    ); 

    $chart.bind("plothover", function(e, pos, item) { 

     var isTooltip = $chart.is(":ui-tooltip"); 

     if (item !== null && isTooltip === false) { 

      var label = item.series.label, 
       data = item.datapoint[1], 
       content = label + "<br/><hr>" + data, 
       evtPos; 

      evtPos = $.extend(ttPos, { 
       of: { 
        pageX: item.pageX, 
        pageY: item.pageY, 
        preventDefault: $.noop 
       } 
      }); 

      $chart.attr("title", content ) 
        .tooltip({position: evtPos, 
          content: content}) 
        .tooltip("open"); 

     } 
     else if (item === null && isTooltip === true) { 

      $chart.tooltip("destroy"); 

     } 

    }); 

}); 

Answer 1

JQuery와 UI 툴팁 첨부 참조하십시오 기본적으로, 그것은 업을 팝업하는 요소가있는 것을 필요로하는 title attribute (이 UI 요소가 이벤트를 바인딩 할 알고 어떻게 JQuery와)입니다. 이 코드의 첫 번째 줄 :

$chart.attr("title", content ) 
     .tooltip({position: evtPos, 
       content: content}) 
     .tooltip("open"); 

이 속성을 설정하고 있으며 스크린 샷에서보고있는 내용입니다. 당신이 그것을 변경하는 경우

는 :

$chart.tooltip({position: evtPos, 
       content: content, 
       items: '*'}) 
     .tooltip("open"); 

이 여전히 툴팁이 title 텍스트없이 팝업을 허용해야합니다. 바이올린 here.

솔직히 말해서 코드 샘플은 매우 둔합니다. 플롯 문서에서이다음에 더 나을 것입니다.