Кендо UI RadialGauge добавить пользовательский инструмент-наконечник на указателе

Question

Я хочу, чтобы показать текущее значение графика в указателе всплывающей подсказку, если есть какой-нибудь способ добавить всплывающую подсказку пожалуйста, предложите, пожалуйста, проверьте gauge screenshot

Answer 1

Eсть нет встроенного метода для этого афайка. Таким образом, вы можете использовать kndoUI подсказке объект вроде этого:

В калибровочной конфигурации я назначить уникальный CSS цвет указателя, так что я могу легко запросить элемент SVG

$("#gauge").kendoRadialGauge({ 
    pointer: { 
     value: $("#gauge-value").val(), 
     color: "rgba(255,102,0,.999)" 
    }, 
    scale: { 
     minorUnit: 5, 
     startAngle: -30, 
     endAngle: 210, 
     max: 180 
    } 
}); 

Затем настройки всплывающей подсказки виджет так что onShow содержимое устанавливается на текущее значение датчика. Атрибут фильтра указывает на любой объект dom с нашим уникальным цветом заливки.

var tooltip = $('#gauge').kendoTooltip({ 
    filter: '[fill="rgba(255,102,0,.999)"]', 
    position: "center", 
    content: $("#gauge").data("kendoRadialGauge").value(), 
    show: function(e) { 
     e.sender.options.content = $("#gauge").data("kendoRadialGauge").value(); 
     e.sender.refresh(); 
    } 
}).data("kendoTooltip"); 

Вот додзё DEMO