Mousehover에 관계없이 항상 CanvasJS에 툴팁을 표시하십시오.

Question

현재 Javascript를 통해 사용자 입력이 가능한 파이 차트 웹 응용 프로그램을 작은 프로젝트로 작업 중이며 현재 툴팁 사용을 유지하려고 노력하고 있습니다. 현재

:

width: 800, 
height:800, 

tooltipContent: display, 

animationEnabled: true, 


title: { 
    text: "ss" 
}, 

legend: { 
    maxWidth: 800, 
    itemWidth: 800 
}, 

가 절단 될 것 같지 않습니다.

도움을 주시면 감사하겠습니다.

Answer 1

dataSeries의 mouseover에 외부 툴팁을 설정하면됩니다.

이 JSFiddle

<div id="chartContainer" style="height: 360px; width: 100%;"></div> 
<div id ="tooltip" style= "width: 7%; padding: 5px; border: 2px solid rgb(82, 81, 78); background: rgba(255, 255, 255, 0.9); border-radius: 5px; user-select: none;">No data</div> 
<script> 
    var toolTip = document.getElementById("tooltip"); 
    function onMouseover(e){ 
     toolTip.innerHTML = e.dataPoint.x + " : " + e.dataPoint.y ; 
    } 
</script>