Custom tooltip on kendo-chart-series-item-tooltip

[Sam]

Hi,

I am using the kendo scatter chart .how can i make custom tooltip .currently i am getting x and y axis value on tooltip by using below code

 

<kendo-chart-series-item-tooltip format="Margin {0:c0} -Sales{1}">
</kendo-chart-series-item-tooltip>

In my object has margin, sales ,item,category .. i want to display all properties in tool tip 

can you please help how to achieve this in kenod angular

[Sam]

Can you please update on this. Thanks

[Martin]

Hi Sam,

By default, the content of the tooltip is determined based on the point type, but this behavior can be changed by using the format option (as you already explored) or specifying a template:

https://www.telerik.com/kendo-angular-ui/components/charts/elements/tooltips/#toc-specifying-a-template

The point that is passed to the tooltip template contains the dataItem, which in this case should return the object properties.

Another option is to create a custom tooltip as demonstrated in this article but on seriesHover and seriesLeave chart events.

Let me know if I can provide any further assistance.

Regards,
Martin
Progress Telerik