kendo-ui - kendo angular

Kendo UI RadialGauge agrega herramienta personalizada punta en puntero

Question

Quiero mostrar el valor actual del gráfico en el puntero de la herramienta del puntero. Si hay alguna forma de agregar información sobre herramientas, por favor sugiera, por favor revise la captura de pantalla del indicador

Answer 1

No hay un método incorporado para este afaik. Entonces puede usar el objeto de información sobre herramientas kndoUI de esta manera:

En la configuración del indicador, asigno un color CSS único al puntero para poder consultar fácilmente el elemento SVG

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

Luego configure el widget de información sobre herramientas para que onShow, el contenido se establezca en el valor actual del indicador. El atributo de filtro apunta a cualquier objeto dom con nuestro color de relleno único.

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");

Aquí hay una DEMO de dojo