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

【问题标题】：Always display Tooltip in CanvasJS, regardless of mousehover无论鼠标悬停如何，始终在 CanvasJS 中显示工具提示
【发布时间】：2017-05-02 10:00:05
【问题描述】：

我目前正在开发一个通过 Javascript 的用户输入可定制饼图 Web 应用程序作为一个小型项目，并且目前坚持尝试保持工具提示启用。

目前：

width: 800,
height:800,

tooltipContent: display,

animationEnabled: true,


title: {
  text: "ss"
},

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

似乎没有剪掉它。

任何帮助将不胜感激。

【问题讨论】：

标签： javascript canvasjs

【解决方案1】：

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

请查看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>

【讨论】：

感谢 Sanjoy 的精彩回答！