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. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Using image as annotation

Thread ID:





143556 Mar 26,2019 04:34 PM UTC Mar 30,2019 03:20 AM UTC JavaScript - EJ 2 3
Tags: Chart
Juan Alberto Martinez Diaz
Asked On March 26, 2019 04:34 PM UTC

I am using an image as an annotation:

<div id= "img-warning" style="display:none;"align="center">
    <img style="width:20px;" src="images/Message-Warning.png">
    <div style="font-size:10pt;">Warning Message</div>

Then sometimes I need to open a modal window over the chart, the thing is that the image overlaps the modal window, is there a way to avoid this behavior?

Attached images.



Attachment: Images_4e35f7e2.7z

Dharanidharan Dharmasivam [Syncfusion]
Replied On March 27, 2019 09:47 AM UTC

Hi Juan, 
Greetings from Syncfusion. We have analyzed your requirement and tried to replicate the reported scenario. We are afraid that we can’t replicate the reported scenario at our end. Sample used for testing n be found below. 
In the above sample, we have displayed modal when clicked on the chart region. The image which is added as annotation is behind the modal.  
Without Modal 
With Modal 
Since we are not aware on the exact scenario on which the issue is reproduced, kindly revert us by modifying the above sample or provide your sample with replication steps. This will be helpful in further analysis and provide you the solution sooner. 

Juan Alberto Martinez Diaz
Replied On March 28, 2019 05:50 PM UTC

Hi Dharani,

Thanks for your answer, I took a look at my code to see what is different comparing with your example, I have an extra Y axis and the annotation is linked to that axis. Also I noticed on the  chrome developer tools that the div of the content has a z-index:2000, if I comment that, the image is no longer overlaying the modal. I have not figured out how that z-index is being set.

I am attaching an image of this.


Juan Alberto

Attachment: zindex_3043e342.7z

Dharanidharan Dharmasivam [Syncfusion]
Replied On March 30, 2019 03:20 AM UTC

Hi Juan, 
Thanks for the information. We have analyzed your query, we would like to let you know that, we haven’t set any z-index from our end. Could you please ensure this from your end whether you have applied z-index? If not kindly try to reproduce the issue with the sample or provide your sample with replication steps. This will be helpful in further analysis and provide you the solution sooner. 


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

This page will automatically be redirected to the 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

Live Chat Icon For mobile
Live Chat Icon