How To Draw Verticle Line In Line Chart?

[amolpawar]

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 October 9, 2012 by amolpawar

[Guest Sumedh]

Hi,

 

What you are trying to achieve exactly?

 

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

[amolpawar]

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.

[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.

[amolpawar]

Hi Sumedh,

 

As per your response, here is attachment of chart data. Please find it.

I think one thing is not mentioned in previous post is that I am rendering chart using javascript not swf.

Any query let me know.

 

Thanks & Regards,

Amol Pawar.

ChartData_Verticle_Line.txt

[Guest Bindhu]

Hi,

 

Thank you.

 

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

 

Hope this helps!

[FusionCharts Support]

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>

[FusionCharts Support]

The above workaround, however, would not work as expected for the column type.

[amolpawar]

Hi Sudipto,

Thank you for your time & efforts.

Regards,

Amol Pawar.

[Guest Bindhu]