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

Question

我目前正在通过Javascript开发一个用户输入可定制的饼图web应用程序，作为一个小的附带项目，目前我还在努力保持工具提示的启用。

目前：

width: 800,
height:800,

tooltipContent: display,

animationEnabled: true,


title: {
  text: "ss"
},

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

似乎并没有切断它。

任何帮助都将不胜感激。

Answer 1

您可以通过在toolTip的滑鼠上设置外部dataSeries来实现它。

请检查一下这个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>