Formatting series item notes

[Mike]

I've got a scatter line chart that I want to add data item notes that will be built from fields in the data item.  Currently I'm able to use a template to format tooltips dynamically (see code below).  Is there a similar way of accomplishing this with notes?  The only samples I can see use the  noteTextField on the kendo-chart-series-item which implies adding an additional field on source data items, generating the content for each item in code, and not having the ability to format the contents.  I am I missing something?

  <kendo-chart-series-item-tooltip>
     <ng-template let-dataItem="dataItem">
         <span style="font-weight: bold">{{dataItem.productName}}</span> - Total Count
         <span style="font-weight: bold">{{dataItem.totalCount}}</span>
        <span style="font-weight: bold">{{dataItem.date | amDateFormat:'LL' }}</span>
   </ng-template><b
 </kendo-chart-series-item-tooltip>

[Dimiter Topalov]

Hello Mike,

You can customize the notes content either by creating a custom visual:

https://www.telerik.com/kendo-angular-ui/components/charts/api/SeriesNotes/#toc-visual

... or by setting the NotesLabel content depending on the data item, associated with each point, e.g.:

https://stackblitz.com/edit/angular-ri9nqp-qxcr4c?file=app/app.component.ts

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik

[Mike]

Thanks for the prompts response, Dimiter.

I was hoping it was as straightforward as the slick support for formatting tooltips, but looks like I'll have to go the custom visual route to get the formatting I want.

Thanks,

Mike