总是在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>