Formatting series item notes

3 posts, 1 answers
  1. Mike
    Mike  avatar
    19 posts
    Member since:
    Oct 2012

    Posted 06 May 2019 Link to this post

    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?

          <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">{{ | amDateFormat:'LL' }}</span>

  2. Answer
    Dimiter Topalov
    Dimiter Topalov avatar
    1263 posts

    Posted 07 May 2019 Link to this post

    Hello Mike,

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

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

    I hope this helps.

    Dimiter Topalov
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
  3. Mike
    Mike  avatar
    19 posts
    Member since:
    Oct 2012

    Posted 07 May 2019 Link to this post

    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.




Back to Top