does anybody know how to create a tooltip on hover for a Kendo treemap? Something like this but for ASP.NET MVC:
I already tried this, but when i move the mouse over the fields nothing appears..
$("#treemap").kendoTooltip({
filter: ".k-leaf,.k-treemap-title",
position: "top",
content: function (e) {
var treemap = $("#treemap").data("kendoTreeMap");
var item = treemap.dataItem(e.target.closest(".k-treemap-tile"));
return item.name + ": " + item.value;
}
});
When i use the jquery function i can write the right values of each Treemap fiel in the javascript console.
$("#treeMap").on("mouseenter", ".k-leaf", function () {
var item = $("#treeMap").data("kendoTreeMap").dataItem($(this).closest(".k-treemap-tile"));
var text = "Name: " + item.Name + " Value: " + item.Value;
console.log(text);
Is it possible to use this function and create a Kendo tooltip with these values?