Trendline Overlap

[VinceD]

I have a chart that works perfect except when I have trendlines that are close, if this happens I get overlap and it makes the chart impossible to read. See my example. Anyway to fix this?

 

[Guest Angshu]

Hi,

Welcome to FusionCharts Forum!

First of all, we would like to thank you for showing interest in FusionCharts.

You can show the trendline label to the right of the chart canvas by setting valueOnRight ='1' to avoid overlapping.

 

For more details, please visit the link:

 

http://www.fusioncha...Desc/Trend.html

http://www.fusioncha...D.html#Anchor18

 

Hope this helps.

[VinceD]

Hi,

Welcome to FusionCharts Forum!

First of all, we would like to thank you for showing interest in FusionCharts.

You can show the trendline label to the right of the chart canvas by setting valueOnRight ='1' to avoid overlapping.

 

For more details, please visit the link:

 

http://www.fusioncha...Desc/Trend.html

http://www.fusioncha...D.html#Anchor18

 

Hope this helps.

 

 

I have the following code wich generated the above image, the value on right doesnt seem to work.

 

 

<trendlines>
<line startValue='10'color='990000'thickness='2'showOnTop='1'displayValue='        Est Close Date:\nApr-04-2011'toolText='        Est Close Date:\nApr-04-2011' />
<line startValue='0'color='01a409'thickness='2'valueOnRight='1'showOnTop='1'displayValue='Feasibility Ends:\nMar-25-2011'toolText='Feasibility Ends:\nMar-25-2011' />
<line startValue='0.35'color='0156a4'thickness='2'showOnTop='1'displayValue='Execute PSA:\nMar-25-2011'toolText='Execute PSA:\nMar-25-2011' />
</trendlines>

[Guest Angshu]

Hi,

 

Thanks for your post.

 

I am afraid, presently there is no work around or solution for this issue.

 

We will try to implement this in our next release of FusionCharts.

 

Thank you very much for your continued patience and patronage.

 

Hope you have a great day!

[dmaster]

Hi

 

I'm having a problem getting the trendline display value to show on the right. I followed the code examples you gave, in fact I copied and pasted to make sure I got it right, but the trendline label is still displaying on the left. The browser is IE 8. Are there any known problems with IE 8?

 

thx

 

Hi,

Welcome to FusionCharts Forum!

First of all, we would like to thank you for showing interest in FusionCharts.

You can show the trendline label to the right of the chart canvas by setting valueOnRight ='1' to avoid overlapping.

 

For more details, please visit the link:

 

http://www.fusioncha...Desc/Trend.html

http://www.fusioncha...D.html#Anchor18

 

Hope this helps.

[Swarnam]

Hi,

 

Welcome to FusionCharts forum.

 

You can show the trendline label to the right of the chart canvas by setting valueOnRight ='1'.

Please find the attached screenshot which display the trendline value to right in IE8. I hope this helps

[dmaster]

Hello

 

I have done as you suggested. Here is my code and I've also attached a screenshot.

 

<?xml version="1.0" encoding="utf-8"?>

<graph caption='' subcaption='' xAxisName='Month' yAxisMinValue='15000' yAxisName='Percentage Rate' yAxisMinValue="-8.0" yAxisMaxValue="8.0" yAxisName="Percentage Rate" numberSuffix='%25' showNames='1' showValues='0' lineColor="000000" rotateNames='0' showColumnShadow='1' animation='1' showAlternateHGridColor='0' AlternateHGridColor='ff5904' divLineColor='cccccc' divLineAlpha='100' alternateHGridAlpha='5' canvasBorderColor='666666' baseFontColor='666666' chartRightMargin="0">

<set name='Jul' value='3.7' hoverText='July'/>

<set name='Aug' value='7.5' hoverText='August'/>

<set name='Sep' value='' hoverText='September'/>

<set name='Oct' value='' hoverText='October'/>

<set name='Nov' value='' hoverText='November' />

<set name='Dec' value='' hoverText='December' />

 

<trendlines>

<line startValue='1.3' color='d0b01a' displayvalue='Threshold 1.3%' valueOnRight='1' thickness='2' showOnTop='1'/>

<line startValue='4.4' color='26c235' displayvalue='Target 4.4%' valueOnRight='1' thickness='2' showOnTop='1'/>

<line startValue='6.0' color='6694d9' displayvalue='Excellence 6.0%' valueOnRight='1' thickness='2' showOnTop='1'/>

</trendlines>

</graph>

 

<div id="metrics" align="center">

Chart goes here.

</div>

<script type="text/javascript">

var chartCG = new FusionCharts("/flash/Charts/FCF_Line.swf", "ChartId", "360", "300");

chartCG.setDataURL("/employee_resources/human_resources/cvd/cvd.xml");

chartCG.render("metrics");

</script>

 

Any other suggestions?

 

Thank you for your help. I do love your product.

 

dmaster

Hi,

 

Welcome to FusionCharts forum.

 

You can show the trendline label to the right of the chart canvas by setting valueOnRight ='1'.

Please find the attached screenshot which display the trendline value to right in IE8. I hope this helps

[Swarnam]

Hi,

 

Thank you for the response.

 

I'm afraid, "valueOnRight" attribute for trendline element is not supported for FusionCharts Free.

 

If you would like to use this attribute, could please try downloading FusionCharts Evaluation Version?

 

I hope this helps.

 

 

 

Hello

 

I have done as you suggested. Here is my code and I've also attached a screenshot.

 

<?xml version="1.0" encoding="utf-8"?>

<graph caption='' subcaption='' xAxisName='Month' yAxisMinValue='15000' yAxisName='Percentage Rate' yAxisMinValue="-8.0" yAxisMaxValue="8.0" yAxisName="Percentage Rate" numberSuffix='%25' showNames='1' showValues='0' lineColor="000000" rotateNames='0' showColumnShadow='1' animation='1' showAlternateHGridColor='0' AlternateHGridColor='ff5904' divLineColor='cccccc' divLineAlpha='100' alternateHGridAlpha='5' canvasBorderColor='666666' baseFontColor='666666' chartRightMargin="0">

<set name='Jul' value='3.7' hoverText='July'/>

<set name='Aug' value='7.5' hoverText='August'/>

<set name='Sep' value='' hoverText='September'/>

<set name='Oct' value='' hoverText='October'/>

<set name='Nov' value='' hoverText='November' />

<set name='Dec' value='' hoverText='December' />

 

<trendlines>

<line startValue='1.3' color='d0b01a' displayvalue='Threshold 1.3%' valueOnRight='1' thickness='2' showOnTop='1'/>

<line startValue='4.4' color='26c235' displayvalue='Target 4.4%' valueOnRight='1' thickness='2' showOnTop='1'/>

<line startValue='6.0' color='6694d9' displayvalue='Excellence 6.0%' valueOnRight='1' thickness='2' showOnTop='1'/>

</trendlines>

</graph>

 

<div id="metrics" align="center">

Chart goes here.

</div>

<script type="text/javascript">

var chartCG = new FusionCharts("/flash/Charts/FCF_Line.swf", "ChartId", "360", "300");

chartCG.setDataURL("/employee_resources/human_resources/cvd/cvd.xml");

chartCG.render("metrics");

</script>

 

Any other suggestions?

 

Thank you for your help. I do love your product.

 

dmaster