Jump to content


bgimage cropping on 3D charts in Edge and IE


  • Please log in to reply
5 replies to this topic

#1 thomaspooler4

thomaspooler4

    Forum Newbie

  • Members
  • 5 posts

Posted 17 January 2017 - 04:18 PM

On our software we have an option to add a background image to a fusion chart (which is shown as bgImage in the xml). However we found something very strange in Edge and Internet Explorer. When we add a bg image it seems to crop itself down as opposed to filling the entire chart area. After investigating it seems that it decides to only fill in the canvas area. 

 

Is there a solution to this problem?

 

Our fusion version is 3.11.3.

 

The attached images show the differences between the charts when ran in Chrome and Edge (Capture 1 is in Chrome. Capture 2 is in Edge)

 

Thank you for your help

Attached Thumbnails

  • Capture1.PNG
  • Capture2.PNG


#2 Ayan Bhadury

Ayan Bhadury

    Advanced Member

  • Members
  • PipPipPipPip
  • 94 posts
  • LocationIndia

Posted 18 January 2017 - 05:43 AM

Hi,
 
We investigated your issue both in google chrome and edge and its working fine from our end. 
 
If the problem is still not solved you can send a scale down sample in a fiddle and share with us.
 
For further reference please check this sample fiddle link 
 
Also check the attachment for the screen shot images tested in both chrome and edge. 
 
Hope this helps.

Attached Thumbnails

  • Chrome.PNG
  • Edge.PNG

Thanks, 
Ayan Bhadury

#3 thomaspooler4

thomaspooler4

    Forum Newbie

  • Members
  • 5 posts

Posted 09 February 2017 - 11:06 AM

Just an update on the issue that it does indeed work as it should in JSFiddle. Though we still have the problem, we found that it is due to the clip-path that is attached to the BG image not sizing correctly in IE. If we find a proper solultion to this problem then we shall post it here for future reference.



#4 Ayan Bhadury

Ayan Bhadury

    Advanced Member

  • Members
  • PipPipPipPip
  • 94 posts
  • LocationIndia

Posted 17 February 2017 - 02:24 PM

Hi,

 

Thanks for replying back.

 

Please feel free to get in touch anytime.


Thanks, 
Ayan Bhadury

#5 thomaspooler4

thomaspooler4

    Forum Newbie

  • Members
  • 5 posts

Posted 23 February 2017 - 09:54 AM

Just an update that we are still having this problem. The clipping path that is generated seems to be defaulting to the size of the canvas area as opposed the size of the container. We have attached a html sample that shows what it looks like when it fails as well as the XML file that it is derived from. From a glance can you see anything that might be missing or might be wrong in the HTML or XML? As mentioned before this is an issue that occurs ONLY in edge and IE. 

Attached Files



#6 Ayan Bhadury

Ayan Bhadury

    Advanced Member

  • Members
  • PipPipPipPip
  • 94 posts
  • LocationIndia

Posted 27 February 2017 - 02:00 PM

Hi,

 
Thanks for replying back.
 
We checked the source code you provided ,in the .xml file you have used <styles>, <definition> tags which are deprecated now, please follow the latest xml structure of FusionCharts.
 

Please refer this documentation link  for further reference.

 

Also include a sample for bgImage and supply image via https://postimage.org/ or http://imgur.com/ and post the answer.


Thanks, 
Ayan Bhadury