javascript - 将 Shield UI 图表的点值写入页面上的元素

Question

我需要修改 Shield UI 图表，当用户将鼠标移到数据点上时，首先不显示任何标签（工具提示）。就我而言，使用了条形图。此外，我需要点的值，用鼠标指向要显示在包含图表的网页上。

Answer 1

您需要执行以下操作： 1. 您需要使用以下方法禁用图表的工具提示：

tooltipSettings:{    
    enabled:false
}.

然后你需要页面上的一个元素，放置信息的位置。可以这样定义：

    <p id="info"></p> 

并且最初可以为空。

最后，我们需要在所需的事件中放置一些代码，在我们的例子中，这将是：

 events: {
 seriesMouseOver: function pointSelectHandler(args) {
 var Information= "Point Value: " + args.point.y;    
 document.getElementById("info").innerHTML="Current Point Value:"+Information;        
    },
 }.