[Solved] Pie Chart tooltip place

[ianc]

I have another issue with pie chart. I have chart on near left edge of site and after mouse is over the left part of pie chart tooltip is rendering out of the site/webbrowser.
Is there posibility to place tooltip in one area where after mouse over on chart the tooltip text will change with the value of this pice of pie chart?

[Vladimir Iliev]

Hi Lukasz,

Modifying the tool-tip of Telerik Chart for ASP.NET MVC currently is not supported, however there is a workaround for the KendoUI PieChart for ASP.NET MVC  which can be used in your case. You should set the tool-tip Visible property to false and use the SeriesHover event to call a function for example:

PieChart Definition:

.Tooltip(tooltip => tooltip
    .Visible(false)
    .Format("{0}%")
)
.Events(e => e.SeriesHover("stopTheTooltip"))

JavaScript:

<script type="text/javascript">
    function stopTheTooltip(e) {
        $("#chart .k-tooltip").html(kendo.format(e.series.tooltip.format, e.value) + " - " + e.category).show();
    }
</script>

The above code will make the tool-tip always visible and you can control its position and style.

Kind Regards,
Vladimir Iliev
the Telerik team