Kendo Treemap Tooltip in ASP.NET MVC

Viewed 326

does anybody know how to create a tooltip on hover for a Kendo treemap? Something like this but for ASP.NET MVC:

Kendo Treemap Tooltip

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?

1 Answers
Related