javascript - 无论鼠标悬停如何，始终在 CanvasJS 中显示工具提示

Question

我目前正在通过 Javascript 开发一个用户输入可自定义的饼图 Web 应用程序，作为一个小型副项目，目前一直在尝试保持工具提示处于启用状态。

目前:

width: 800,
height:800,

tooltipContent: display,

animationEnabled: true,


title: {
  text: "ss"
},

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

似乎并没有削减它。

如有任何帮助，我们将不胜感激。

Answer 1

您可以通过在 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>