How to use stacked area chart

[cy163]

Hello ALL

I want to use the stacked area chart in my app. I wonder if those areas in the graph are clickable. I want to associate HTML pages with those areas. When clicking on the areas some more info can be shown.

 In addition, could anyone provide an exmaple to show the data format/structure (i think it would be a XML format, but I do not know the structure) for the chart.

I saw the following code,it shows that the data is from DataProviders/RealTimeStArea1.asp"

- <chart caption="Server Load" bgColor="000000" bgAlpha="100" canvasBorderThickness="1" canvasBorderColor="008040" canvasBgColor="000000" yAxisMaxValue="100" decimals="0" numdivlines="9" numVDivLines="28" numDisplaySets="30" divLineColor="008040" vDivLineColor="008040" divLineAlpha="100" chartLeftMargin="10" baseFontColor="00dd00" showRealTimeValue="0" dataStreamURL="DataProviders/RealTimeStArea1.asp" refreshInterval="2" numberSuffix="%" labelDisplay="rotate" slantLabels="1" toolTipBgColor="000000" toolTipBorderColor="008040" baseFontSize="11" showAlternateHGridColor="0" legendBgColor="000000" legendBorderColor="008040" legendPadding="55" showLabels="1" plotGradientColor="">

  <categories />

  <dataset color="009900" seriesName="Client A" showValues="0" alpha="100" anchorAlpha="0" lineThickness="2" />

  <dataset color="ffff00" seriesName="Client B" showValues="0" alpha="100" anchorAlpha="0" lineThickness="2" />

  <dataset color="0099cc" seriesName="Client C" showValues="0" alpha="100" anchorAlpha="0" lineThickness="2" />

- <styles>

- <definition>

  <style type="font" name="captionFont" size="14" />

  </definition>

- <application>

  <apply toObject="Caption" styles="captionFont" />

  <apply toObject="Realtimevalue" styles="captionFont" />

  </application>

  </styles>

  </chart>

Thanks

[Guest Basundhara Ghosal]

Hi,

Please refer to the link below for the solution:-

Ref.- http://www.fusioncharts.com/forum/Topic21490-17-1.aspx

Hope this helps.

[Guest Madhumita]

Hello,

 

 

 

I'm afraid, each area cannot be linked to an HTML page, as of now.

 

 

 

However, each data value ie set element in each area can be set with a link. If anchors are shown, then these links will be clickable.

 

 

 

Here is a code showing the data format structure of the stacked area chart:

 

 

 

<chart caption='Company Revenue' xAxisName='Month' yAxisName='Revenue' showValues='0' numberPrefix='$' drawAnchors='1' anchorAlpha='100' >

 

 

 

<categories>

 

<category label='Jan' />

 

<category label='Feb' />

 

<category label='Mar' />

 

<category label='Apr' />

 

<category label='May' />

 

<category label='Jun' />

 

<category label='Jul' />

 

<category label='Aug' />

 

<category label='Sep' />

 

<category label='Oct' />

 

<category label='Nov' />

 

<category label='Dec' />

 

</categories>

 

 

 

<dataset seriesName='Product A'>

 

<set value='27400' link='http://www.fusioncharts.com/docs/' />

 

<set value='29800'/>

 

<set value='25800' />

 

<set value='26800' />

 

<set value='29600' />

 

<set value='32600' />

 

<set value='31800' />

 

<set value='36700' />

 

<set value='29700' />

 

<set value='31900' />

 

<set value='34800' />

 

<set value='24800' />

 

</dataset>

 

 

 

<dataset seriesName='Product B'>

 

<set value='10000'/>

 

<set value='11500'/>

 

<set value='12500'/>

 

<set value='15000'/>

 

<set value='11000' />

 

<set value='9800' />

 

<set value='11800' />

 

<set value='19700' />

 

<set value='21700' />

 

<set value='21900' />

 

<set value='22900' />

 

<set value='20800' />

 

</dataset>

 

 

 

<trendlines>

 

<line startValue='42000' color='91C728' displayValue='Target' showOnTop='1'/>

 

</trendlines>

 

 

 

<styles>

 

 

 

<definition>

 

<style name='CanvasAnim' type='animation' param='_xScale' start='0' duration='1' />

 

</definition>

 

 

 

<application>

 

<apply toObject='Canvas' styles='CanvasAnim' />

 

</application>

 

 

 

</styles>

 

 

 

</chart>

 

 

 

Please refer to the following documentation link for further details:

 

http://www.fusioncharts.com/docs> http://www.fusioncharts.com/docs/Contents/ChartSS/StArea2D.html

 

 

 

 

 

Hope this helps.