Question

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

目前：

width: 800,
height:800,

tooltipContent: display,

animationEnabled: true,


title: {
  text: "ss"
},

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

似乎没有削减它。

非常感谢任何帮助。

Answer 1

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

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

1 个答案: