Trouble with Margins & Labels on DragNode chart
FusionCharts Forum
Home       Members    Calendar    Who's On
Welcome Guest ( Login | Register )
        



Trouble with Margins & Labels on DragNode... Expand / Collapse
Author
Message
Posted 4/25/2008 3:50:11 PM
Forum Newbie

Forum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum Newbie

Group: Forum Members
Last Login: 7/25/2008 6:51:40 PM
Posts: 5, Visits: 10
Hello! I am trying to have some margin spacing between the name label and the actual image displayed on a Dragnode chart. I have included here an image so you can see what is happening. The DragNode chart is working great. However, the labels are bunched up over the actual image of the node.

I have tried both xAxisNamePadding and yAxisNamePadding added to my settings but still it is not helping.

Is there anything else I can try?

Thanks!

Post #5953
Posted 4/28/2008 6:34:09 PM
Forum Newbie

Forum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum Newbie

Group: Forum Members
Last Login: 7/25/2008 6:51:40 PM
Posts: 5, Visits: 10
Could someone please respond to this thread? We are trying to decide on purchasing this software but need to know certain items are workable.

Thanks!
Post #5989
Posted 5/1/2008 2:59:37 AM
Forum Newbie

Forum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum Newbie

Group: Forum Members
Last Login: 7/25/2008 6:51:40 PM
Posts: 5, Visits: 10
just wanted to bump this up a little to see if I could get a response.

Thanks!
Post #6046
Posted 5/2/2008 1:48:54 AM
Forum Newbie

Forum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum Newbie

Group: Forum Members
Last Login: 7/25/2008 6:32:52 AM
Posts: 7, Visits: 35
Try to set the 'imageAlign' and 'labelAlign' attribute of the xml you are using.

e.g. - <set x='50' y='90' width='80' height='40' color='B10101' name='Example Name' alpha='100' toolText='This is an example'  id='ex1' imageNode='1' imageurl='images/example.gif' imageAlign='top' labelAlign='bottom' imageHeight='16' imageWidth='16'/>

If its didn't helped you, send the xml file and images.

Thanks.

Post #6059
Posted 5/2/2008 2:06:53 AM
Forum Newbie

Forum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum Newbie

Group: Forum Members
Last Login: 7/25/2008 6:51:40 PM
Posts: 5, Visits: 10
Thanks for the reply!

Yes, I am using the imageAlign and labelAlign properties.

Here is a link to the xml file:
www.webfiredesign.com/test.xml

And here is a link to the images:
www.webfiredesign.com/center_contact.png
www.webfiredesign.com/contact.png
www.webfiredesign.com/hospital.png

Thanks for your help! I really do appreciate it!
Post #6060
Posted 5/22/2008 3:04:50 PM
Forum Newbie

Forum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum Newbie

Group: Forum Members
Last Login: 7/25/2008 6:51:40 PM
Posts: 5, Visits: 10
Would anyone be able to help out with this issue? I haven't had a reply now for quite a while. Still stuck on this.

Thanks!

p.s. Moderators - I noticed that this might be in the wrong forum. Could you move this topic to the DragNode chart forums or the power charts forums? thanks!
Post #6377
Posted 6/13/2008 1:44:35 AM
Supreme Being

Supreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme Being

Group: Moderators
Last Login: Today @ 4:23:50 AM
Posts: 738, Visits: 1,187
Hi,

Could you please try using imageWidth and imageHeight together with width and height?

I have modified first 2 nodes in your XML and you would find that these two wont let the image and label overlap.

Here are the two sets: Please note that imageWidth and imageHeight sets the dimension of the image of the node while width and height (if the previous 2 are declared) would specify the container node's width and height. Thus after specifing imageWidth and imageHeight you can always specify height more than the imageHeight to give some space to the label.

The example would illustrate more:

 <set x="50" y="55"  imagewidth="60" width="60" imageheight="80"  height="105" xAxisNamePadding="150" yAxisNamePadding="150" name="Dr. Emil Ahmed" color="33C1FE" imageNode="1" imageurl="http://www.webfiredesign.com/center_contact.png" labelAlign="bottom" imageAlign="top" alpha="0" id="center_contact" allowDrag="1"/>
  

<set x="5" y="10" width="68" imageWidth="68"  height="110" imageHeight="57" name="Tri-State Medical Corp 438718" link="index.php?module=Accounts&amp;action=DetailView&amp;record=ae6aba8e-8d28-6b63-ed31-47f2b3a3a0c6" toolText="Tri-State Medical Corp 438718" imageurl="http://www.webfiredesign.com/hospital.png"  color="33C1FE" id="inf0" imageNode="1" labelAlign="bottom" alpha="0" imageAlign="top" allowDrag="1"/>

Regards,

Sudipto Choudhury
FusionCharts Team

Post #6827
« Prev Topic | Next Topic »


Permissions Expand / Collapse

All times are GMT -7:00, Time now is 6:59pm


Execution: 0.156.