Facing some issues with annotations in Firefox only.

[Shrabanee]

Hi

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:

 

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

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

Thanks

Edited December 13, 2017 by Shrabanee

[Akash Biswas]

Hi Shrabanee,

 

Updating a dataSource with annotation using "setJSONData()" API method is working fine at our end in FireFox browser.

Please refer to the below sample fiddle where the dataSource is updated on drop down menu select :
https://jsfiddle.net/c7jht1vy/

 

Hope this helps.

Thanks,

Akash.

[Shrabanee]

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?  

Thanks

Edited December 16, 2017 by Shrabanee

[Netcloud]

Having the same problem when using Firefox :S Also tryied in Safari and working well. 

Thanks in advance!