We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

ejChart: Annotation text content does not appear to work

Thread ID:





132404 Aug 30,2017 06:49 PM UTC Sep 1,2017 10:03 AM UTC JavaScript 3
Tags: ejChart
Robert Mims
Asked On August 30, 2017 06:49 PM UTC

See documentation here, indicating text or an id of a template may be used.

Example: http://jsplayground.syncfusion.com/andtcoqj


ej.web.all.min.js:10 Uncaught TypeError: Cannot read property 'tagName' of undefined
    at Object.annotationRender (ej.web.all.min.js:10)
    at Object.draw (ej.web.all.min.js:10)
    at ej.web.all.min.js:10

What I'm actually after is either a template enabled (pass the series) to an annotation or a multi-level label that can reside within the header of the chart (working example: http://jsplayground.syncfusion.com/c5int2vb)

As it appears the annotations require a template, contrary to the documentation. 

Any advice?

Thank you.


Sanjith Kesavan [Syncfusion]
Replied On August 31, 2017 07:37 AM UTC

HI Robert, 

Thanks for contacting Syncfusion support. We have analyzed your query and provided samples. For rendering annotation, it requires the template. Inside the content, you must mention “id” of the element which you want to display as annotation. Please find the below code example 

<div id="TEXTTOSHOW" style="font-size:30px; display:none">TEXT TO SHOW</div> 
<script type="text/javascript" language="javascript"> 
//Initializing Annotation 
{visible: true, content:"watermark" }, 
{visible: true, content:"TEXTTOSHOW", region:"series", verticalAlignment: "top"} 

Inside the content, I have passed “id” of the <div> element which I want to render as annotation. Here “region” specified whether annotation has to be placed with respect to chart or series. Please find the output in below screenshot. 
Find the sample from below link 
Sample: annotation 

To know more details about annotation, please follow the below link 

Please let us know if you have any concern. 


Robert Mims
Replied On August 31, 2017 11:12 AM UTC


Thank you - and the documentation now reflects the same. 

Kind regards.


Saravana Kumar Kanagavel [Syncfusion]
Replied On September 1, 2017 10:03 AM UTC

Hi Robert, 
Thanks for your update. 
Please let us know if you need any other information on this. 
Saravana Kumar K. 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

or the page will be automatically redirected to sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon