Sign in to follow this  
amolpawar

How To Draw Verticle Line In Line Chart?

Recommended Posts

Is it possible to draw verticle line in line chart using <vLine> i am rplacing Y-axis(left border) using vline, canvas border is not showing. It is work for 2D Bar chart but not line chart. I am rendering chart using javascript.

Edited by amolpawar

Share this post


Link to post
Share on other sites
Guest Sumedh

Hi,

 

What you are trying to achieve exactly?

 

Could you please elaborate more on your requirement with a screen-shot?

Share this post


Link to post
Share on other sites

Hi,

Thanks for your reply.

I want draw vertical line in line chart. I had removed canvas border & want display y-axis by vline. Its works in bar chart but not in line chart by using <vLine> . Please see the attachment.

Regards,

Amol Pawar.

post-30504-0-91913100-1350891568_thumb.jpg

post-30504-0-52847900-1350891591_thumb.jpg

Share this post


Link to post
Share on other sites
Guest Sumedh

Hi Amol,

 

Thanks for your response.

 

Can you please paste your chart XML here? It would be helpful for us to look into it.

Share this post


Link to post
Share on other sites
Guest Bindhu

Hi,

 

Thank you.

 

We are looking into it and would get back to you as soon as possible.

 

Hope this helps!

Share this post


Link to post
Share on other sites

Hi,

 

Your vline configuration would be a bit different for line chart.

 

I have modified and formatted your XML. Please check below:

 

<chart showValues="0" xAxisName="Balance Pool" yAxisName="Count of Items" 
useRoundEdges="1" showShadow="0" canvasbgAlpha="0" canvasBorderAlpha='0' canvasPadding='0' >

 <vLine color="00000" linePosition='1' />

 <set label="Cash Nostro" value="99"/>
 <set label="Opportunity Fund USD" value="81"/>
 <set label="Emerging Market USD" value="29"/>
 <set label="Recon Cash Nostro" value="26"/>
 <set label="Growth Fund USD" value="23"/>
 <set label="Capital Partners CAD" value="23"/>
 <set label="Opportunity Fund GSCO CAD" value="7"/>

 <trendLines>
   <line startValue="0" color="000000" displayValue=' '/>
 </trendLines>
 <styles>
   <definition>
     <style name="axisFont" type="font" font="Arial" size="14" color="666666" bold="1"/>
   </definition>
   <application>
     <apply toObject="XAxisName" styles="axisFont"/>
     <apply toObject="YAxisName" styles="axisFont"/>
   </application>
 </styles>
</chart>

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
Sign in to follow this