總是在CanvasJS中顯示工具提示，而不管鼠標懸停

Question

我目前正在通過Javascript將用戶輸入自定義的餅圖Web應用程序作爲小型項目工作，並且當前停留在試圖保持工具提示啓用狀態。

目前：

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>