Forums Ignite UI for Angular
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Umer Waheed
145
Custom Column Tooltip
posted

Dear Ignite Team,

Currently, we are using a column chart for adding overlay on top of the line with column thickness increase up to 5px.
The tooltip added is a template tooltip tag but the tooltip was shown according to the x-axis.

Is there any way a tooltip can be added using a custom method like marker is added? so that the column thickness increases
will be passed only.

  • 34830
    Verified Answer
    Offline posted

    Hello Umer,

    With the current implementation of the IgxDataChart, the tooltipTemplate property of the series expects an ng-template. We have a sample in our online documentation demonstrating how to do custom tooltips here: https://ko.infragistics.com/products/ignite-ui-angular/angular/components/charts/features/chart-tooltips#custom-tooltips-in-data-chart.

    The marker template works a bit differently at the moment, but the same method cannot be used for the tooltip template.

    I am a little bit unsure what you are looking to do with the column thickness as it pertains to your custom tooltip. Would it be possible for you to please provide more information and perhaps I can make a recommendation on how you could achieve it with an ng-template?

    Please let me know if you have any other questions or concerns on this matter.