Facing some issues with annotations in Firefox only.

Recommended Posts


I am trying to set annotations in the chart, when there is no data present to show for piechart.

For all the browsers it is working fine, except in Firefox.

I am updating the chart using 'setJSONData', when there is no data to show I am trying to show an annotation. But it is not coming up in firefox.



As you can see in the above image, it is not showing any annoation. 

I tried inspecting and this is what I got 


Seems Element is there but it is not properly positioned. 


Annonation I am using is as below:


                "width": "200",
                "height": "300",
                 "autoScale": "1",
                  "groups": [
                        "id": "user-images",
                         "items": [
                                        "id": "dyn-label",
                                        "type": "text",
                                        "fillcolor": "#cdcdcd",
                                        "fontsize": "20",
                                        "text": "test message to show",
                                        "bold": "1",
                                        "wrap": "1",
                                        "wrapWidth": "300",
                                        "x": "$canvasCenterX",
                                        "y": "$canvasCenterY-50",

Can someone help me with this issue? What am I doing wrong?


Edited by Shrabanee

Share this post

Link to post
Share on other sites

Hey @Akash Biswas

I know it is working in firefox when I am using your code in the fiddle directly.


As you can see in the screenshot above, "dy"  value for 'tspan' has some negative value. I am not able to understand what is going wrong. 
While rendering the chart, this was working properly but after changing the code from rerendering to update, it is not working and it is happening in firefox only.

I have tried by adding a blank annotation and then updating it when I want to show annotation, that helped me when there is no data to show on the charts.
But when I have some data to show and along with that, if I am trying to show annotation I am getting issue.


In the above image, I am trying to show a text along with the data and it is not coming.


For this above image, legends are not coming, if the chart was blank initially and then I am trying to show it with some data using the update code.

Can you tell me what I might be doing wrong for which this dy value became negative with the update code and only happening in firefox? :( 


Edited by Shrabanee

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now