retrotorque Report post Posted June 7, 2011 Hello everyone, I'm working on a project currently where the vLines are being used to 'shade' the graph since I found no other way of doing so. To create this effect I am using vLines with widths of 50, 100 etc. This is giving the desired effect, except for one problem: the vLines have rounded 'edges' that protrude outside the bounds of the graph plotting area. Is there anyway to get around this? I had the idea of trying to make the header and legend go on top of the line, however I have found no way of doing so. Is this possible in any way? When the lines hit widths of 100 or 150 then the rounded edges disappear off the entire graph canvas they are that big. Cheers, Share this post Link to post Share on other sites
retrotorque Report post Posted June 8, 2011 I've solved this problem by using absolutely positioned DIVs to cover the top and bottom of the chart which then covers up the rounded edges protruding off the chart. In a similar vein, I am now placing labels on the <vline>s. However, when a chart graphic is in the same space as the label, the label is covered by the bar in the bar chart. Is there anyway to change this so the label is always on top ? Cheers Share this post Link to post Share on other sites
Guest Angshu Report post Posted June 8, 2011 Hi, Welcome to FusionCharts Forum! We are glad to know that you have managed to resolve your problem. The vline label can be configured to show at the top of the canvas using <labelPosition='0'> attribute. For more details about vline labels, please refer to the link below: http://www.fusioncha...esc/VLines.html Hope this helps. Share this post Link to post Share on other sites
retrotorque Report post Posted June 8, 2011 Hi, Welcome to FusionCharts Forum! We are glad to know that you have managed to resolve your problem. The vline label can be configured to show at the top of the canvas using <labelPosition='0'> attribute. For more details about vline labels, please refer to the link below: http://www.fusioncha...esc/VLines.html Hope this helps. Thanks for the help, but I think I didn't explain myself correctly. What I need is for the label to be on top of the graph in a z-index manner eg. If they both occupy the same space, the label is visible whilst the graph is not visible. Also if there is a solution to my first problem without using divs to cover up the rounded edges that would be great too Cheers Share this post Link to post Share on other sites
Guest Angshu Report post Posted June 9, 2011 Hi, Thanks for your response. Could you please send us a screenshot or any live link of your requirement? Awaiting for your reply. Share this post Link to post Share on other sites
retrotorque Report post Posted June 10, 2011 Hi, Thanks for your response. Could you please send us a screenshot or any live link of your requirement? Awaiting for your reply. Hi, thanks for the replay. I've attached the image below. As you can see, the label goes behind the series, covering it up. Also, at the bottom you can see the rounded edges going out of the graph. Please advise, Thanks Share this post Link to post Share on other sites
Sanjukta Report post Posted June 10, 2011 Hi, I am afraid, the issue of the <vLine> extending out of the chart with rounded edges when the thickness is increased is not resolved, as of now. However, we make a note of the same for our future upgrades. Thank you for your continued patience and patronage. Share this post Link to post Share on other sites
