Запись значений точек диаграммы Shield UI в элемент на странице

Question

Мне нужно изменить диаграмму пользовательского интерфейса Shield таким образом, чтобы сначала не отображались метки (всплывающие подсказки), когда пользователь наводит указатель мыши на точки данных. В моем случае используются бары. Кроме того, мне нужно, чтобы значения точки, на которые указывал мышью, отображались на веб-странице, содержащей график.

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;        
    },
 }.