Bharat Patel

Hi There, I have a display issue with IE 9. The chart seems to be working fine with IE 8 but goes crazy on IE 9. Screenshot when being tested with IE 9 Screenshot when being tested with IE 8 Kind Regards, Bharat

Hi Gagan, I do not completely agree with you. I do have a work around but the thing is that it is sensitive to changing the height of the chart. If in future someone went in to increase the height of the chart, then it will involve adjusting the formulae that I have in place currently. Just a quick snapshot of the server side code: "$xaxis.label." & iCounter & ".x", "$xaxis.label." & iCounter & ".y - " & baseoffset baseoffset value is 345. If i am using $xaxis.label.[number].y then I never get in to trouble. The only problem with this is if I need to increase the height of the chart, I will still need to adjust this value for the annotations on the top to show correctly. Is there no way that I can use a macro that will give me the desired result? Kind Regards, Bharat

Thanks!

Thanks for your reply Gagan. Is there a possibility that this kind of chart may be supported in the near future?

Hi Gagan, I am trying to attach the text data and it gives me error. I have attached the image of the error. Here is the JS fiddle: http://jsfiddle.net/Euz53/545/ Let me know if this does not show up like the image also attached as a second screen shot. Kind Regards, Bharat

Hi There, There seems to be problem with using macros with annotations. If I set my chart with to 1000px then fusion chart will plot all the X Axis labels and the annotations will draw correctly. However, if the chart size is set to 700px then the annotations marked against the label hidden by fusion charts start to display at the far left hand. How do I fix it. I am using the chartEndY to ensure that I am able to increase the height of the chart without having to adjust the annotations position. I am not able to post the chart data - XML as forum does not support posting long data. Please get in touch to get the chart data Kind Regards, Bharat

Hi There, Here is a sample chart design and I would like to know if I can create a chart similar to this design. I think that this is a stacked chart sharing common X Axis with one having Y Axis and the other purely using annotations without having any Y Axis values. I can create mock datasets if needed for the second one to be able to insert annotations. I know this is possible with other charting solutions but I need to know if this is possible with fusion charts. Please see the attached image. Kind Regards, Bharat

Hi Moonmi, I looked at all the fiddle links listed as example charts on fusion Charts website already. This link that you sent does not solve my problem is that the Y Axis plotting point base is 0. I want it to start at my defined value(1) instead, irrespective of the higher/lower/negative values. Currently MS Charts allows you to shift the base Y Axis point by setting up a property known as Marker Step. Now using this property I can set the base Y Axis to start at my defined value and treat any value less then my defined value to be plotted from my defined marker point to the plot value. Fusion charts can start at non zero value as base point but is dependent on the lowest plot value. Now my requirement is slightly different here. I need the graph to use my own defined value to use as starting point. If you look at the Y Axis then you will find that the base Y Axis starts at 1. Please feel free to ask me more questions it I am being unclear. Let me know if this is possible? Thanks And Kind Regards, Bharat

If you look at the y axis, you will see that the chart is plotted against non ZERO point. MS charts currently provides a way to define what they term as "marker step" property. We currently have almost all our charts converted fusion within a particular section of our product suite but we are having to use MS Charts for this scenario. Any help is greatly appreciated. Thanks Bharat Patel

Hi There is it possible to do something like this in fusion charts... Please see a sample chart attached. Thanks! Bharat

Thanks for your help and advise. I guess that I will have to extend something to deal with this situation as the charts.

From what I understand about the fusion chart export: 1. Fusion charts creates the chart - client side using their clientside framework to generate SVG image output 2. This output is supplied back to the export handler to generate PNG/JPEG image My problem: I need to output image directly from server side without client side processing if the output needs to be directed as word document. Question: How can I generate the SVG output serverside to be consumed by the export handler Thanks in advance for your help/advise.

Hi Swarnam, Thanks for the info. To be honest, I am still not fully convinced with the idea as there is an attribute within the data set element where one can define the minute details of where the data should be plotted. I do not fully understand the implications of having super data set wrapper (for my scenario) for data sets in the Stacked Column 2D Line Dual Y Combination Chart. I am sure that there would be a good reason to it, however I thought that there can be a default grouping based on data plot point axis. I may be wrong but this is just a thought as this is purely from my point of view. The only time this wrapper may be needed is when someone would want to explicitly tell how to group them. I hope that I made some sense in the discussion. Once again thanks for taking time to reply! Kind Regards, Bharat

got it to work. However there are some concerns about why is the implementation different from the mscombidy2d. This one needs the line data to be addressed differently and also the columns data to be wrapped into a single dataset super wrapper. I think that this could have been done using the same style as mscombidy2d allowing a more linear approach to writing charts. <div id='cphPageBody_chaSearchChartDiv'> Chart. </div> <script type="text/javascript"> if (FusionCharts && FusionCharts('cphPageBody_ucDealsByQuarter_ucDealsByQuarter_Fusion')) FusionCharts('cphPageBody_ucDealsByQuarter_ucDealsByQuarter_Fusion').dispose(); var data = "<chart caption='Chart Title' pyaxisname='Primary Y Axis Title' syaxisname='Secondary Y Axis Title' showValues='0' showPlotBorder='0' borderColor='DDDDDD' borderThickness='0' canvasBorderThickness='1' alternateHGridColor='F1F1F1' divLineColor='DDDDDD' vDivLineColor='DDDDDD' vDivLineThickness='1' vDivLineDashed='1' hDivLineDashed='0' numVDivLines='20' numDivLines='10' divLineAlpha='0' pyAxisMinValue='0' pyAxisMaxValue='250' syaxisminvalue='0' syaxismaxvalue='350' formatNumber='1' formatNumberScale='0' sformatNumberScale='0' sNumberPrefix='' rotateValues='0' canvasPadding='5' valuePadding='0' baseFont='Verdana' valuePosition='AUTO' paletteColors='11FF11, FFFF10, FF7F00, FF1111, 2664C1, C73800, 46B1C2, 76C82D, ECB346, BAA3F0, 228999, FA7550, 9ACED6, 1E545C' plotGradientColor='' labelStep='2' bgColor='FEFEFE' showAlternateHGridColor='1' alternateHGridAlpha='50'>"; data = data + "<categories> <category label='2006 Q1' /> <category label='2006 Q2' /> <category label='2006 Q3' /> <category label='2006 Q4' /> <category label='2007 Q1' /> <category label='2007 Q2' /> <category label='2007 Q3' /> <category label='2007 Q4' /> <category label='2008 Q1' /> <category label='2008 Q2' /> <category label='2008 Q3' /> <category label='2008 Q4' /> <category label='2009 Q1' /> <category label='2009 Q2' /> <category label='2009 Q3' /> <category label='2009 Q4' /> <category label='2010 Q1' /> <category label='2010 Q2' /> <category label='2010 Q3' /> <category label='2010 Q4' /> <category label='2011 Q1' /> <category label='2011 Q2' /> <category label='2011 Q3' /> <category label='2011 Q4' /> <category label='2012 Q1' /> <category label='2012 Q2' /> <category label='2012 Q3' /> <category label='2012 Q4' /> <category label='2013 Q1' /> <category label='2013 Q2' /> <category label='2013 Q3' /> <category label='2013 Q4' /> <category label='2014 Q1' /> <category label='2014 Q2' /> <category label='2014 Q3' /></categories>"; data = data + "<dataset> <dataset parentyaxis='P' renderAs='msstackedcolumn2d' seriesName='IPO' > <set value='43' /> <set value='27' /> <set value='55' /> <set value='33' /> <set value='65' /> <set value='36' /> <set value='41' /> <set value='11' /> <set value='23' /> <set value='12' /> <set value='6' /> <set value='6' /> <set value='26' /> <set value='26' /> <set value='49' /> <set value='37' /> <set value='35' /> <set value='40' /> <set value='96' /> <set value='49' /> <set value='71' /> <set value='37' /> <set value='40' /> <set value='48' /> <set value='49' /> <set value='45' /> <set value='45' /> <set value='77' /> <set value='83' /> <set value='46' /> <set value='76' /> <set value='58' /> <set value='90' /> <set value='54' /> </dataset> "; data = data + "<dataset parentyaxis='P' renderAs='msstackedcolumn2d' seriesName='Recapitalisation' > <set value='17' /> <set value='10' /> <set value='6' /> <set value='9' /> <set value='12' /> <set value='2' /> <set value='3' /> <set value='6' /> <set value='4' /> <set value='2' /> <set value='2' /> <set value='2' /> <set value='2' /> <set value='2' /> <set value='7' /> <set value='9' /> <set value='14' /> <set value='11' /> <set value='27' /> <set value='39' /> <set value='28' /> <set value='14' /> <set value='6' /> <set value='14' /> <set value='19' /> <set value='8' /> <set value='18' /> <set value='15' /> <set value='22' /> <set value='18' /> <set value='11' /> <set value='15' /> <set value='14' /> <set value='12' /> </dataset> "; data = data + "<dataset parentyaxis='P' renderAs='msstackedcolumn2d' seriesName='Restructuring' > <set value='2' /> <set value='4' /> <set value='2' /> <set value='4' /> <set value='2' /> <set value='3' /> <set value='4' /> <set value='11' /> <set value='12' /> <set value='15' /> <set value='19' /> <set value='36' /> <set value='26' /> <set value='20' /> <set value='29' /> <set value='13' /> <set value='15' /> <set value='13' /> <set value='18' /> <set value='13' /> <set value='19' /> <set value='9' /> <set value='13' /> <set value='14' /> <set value='14' /> <set value='12' /> <set value='9' /> <set value='16' /> <set value='17' /> <set value='12' /> <set value='5' /> <set value='13' /> <set value='13' /> <set value='7' /> </dataset> "; data = data + "<dataset parentyaxis='P' renderAs='msstackedcolumn2d' seriesName='Sale to GP' > <set value='79' /> <set value='73' /> <set value='78' /> <set value='88' /> <set value='108' /> <set value='93' /> <set value='85' /> <set value='52' /> <set value='72' /> <set value='70' /> <set value='30' /> <set value='17' /> <set value='24' /> <set value='29' /> <set value='31' /> <set value='42' /> <set value='57' /> <set value='83' /> <set value='98' /> <set value='79' /> <set value='115' /> <set value='95' /> <set value='89' /> <set value='92' /> <set value='92' /> <set value='90' /> <set value='123' /> <set value='73' /> <set value='90' /> <set value='106' /> <set value='119' /> <set value='105' /> <set value='113' /> <set value='118' /> </dataset> "; data = data + "<dataset parentyaxis='P' renderAs='msstackedcolumn2d' seriesName='Sale to Management' > <set value='13' /> <set value='4' /> <set value='7' /> <set value='6' /> <set value='12' /> <set value='9' /> <set value='4' /> <set value='11' /> <set value='8' /> <set value='5' /> <set value='3' /> <set value='3' /> <set value='11' /> <set value='6' /> <set value='5' /> <set value='2' /> <set value='8' /> <set value='5' /> <set value='10' /> <set value='9' /> <set value='7' /> <set value='8' /> <set value='9' /> <set value='11' /> <set value='12' /> <set value='5' /> <set value='10' /> <set value='10' /> <set value='14' /> <set value='11' /> <set value='9' /> <set value='12' /> <set value='10' /> <set value='3' /> </dataset> "; data = data + "<dataset parentyaxis='P' renderAs='msstackedcolumn2d' seriesName='Trade Sale' > <set value='130' /> <set value='94' /> <set value='133' /> <set value='126' /> <set value='185' /> <set value='155' /> <set value='131' /> <set value='111' /> <set value='157' /> <set value='99' /> <set value='69' /> <set value='57' /> <set value='67' /> <set value='66' /> <set value='106' /> <set value='94' /> <set value='127' /> <set value='129' /> <set value='173' /> <set value='163' /> <set value='196' /> <set value='178' /> <set value='146' /> <set value='170' /> <set value='196' /> <set value='157' /> <set value='207' /> <set value='163' /> <set value='189' /> <set value='186' /> <set value='212' /> <set value='160' /> <set value='195' /> <set value='174' /> </dataset> </dataset>"; data = data + "<lineset parentyaxis='S' renderAs='line' seriesName='Quarterly Total' > <set value='42.87' /> <set value='35.55' /> <set value='79.72' /> <set value='60.57' /> <set value='105.23' /> <set value='57.52' /> <set value='65.44' /> <set value='24.56' /> <set value='68.73' /> <set value='23.58' /> <set value='13.38' /> <set value='5.25' /> <set value='13.78' /> <set value='17.45' /> <set value='54.94' /> <set value='34.8' /> <set value='57.28' /> <set value='71.63' /> <set value='89.44' /> <set value='87.32' /> <set value='138.47' /> <set value='61.4' /> <set value='49.08' /> <set value='51.75' /> <set value='93.23' /> <set value='76.94' /> <set value='83.58' /> <set value='53.68' /> <set value='105.89' /> <set value='77.87' /> <set value='104.43' /> <set value='94.03' /> <set value='145.83' /> <set value='96.89' /> </lineset> "; data = data + "<styles> <definition> <style name='CanvasAnim' type='animation' param='_xScale' start='0' duration='1' /> <style name='CaptionStyle' type='font' font='Verdana' isHTML='1' /> </definition> <application> <apply toObject='Canvas' styles='CanvasAnim' /> <apply toObject='Caption' styles='CaptionStyle' /> </application></styles></chart>"; var chart_cphPageBody_ucDealsByQuarter_ucDealsByQuarter_Fusion = new FusionCharts({ "renderer": "javascript", "dataFormat": "xml", "scaleMode": "noScale", "renderAt": "cphPageBody_chaSearchChartDiv", "lang": "EN", "debugMode": "0", "swfUrl": "msstackedcolumn2dlinedy", "id": "cphPageBody_ucDealsByQuarter_ucDealsByQuarter_Fusion", "wMode": "opaque", "width": "100%", "height": "350px", "registerWithJS": "1", "dataSource": data }).render() </script>

I tried putting something together but looks like I still have not got it to work. any help?? <div id='cphPageBody_chaSearchChartDiv'> Chart. </div> <script type="text/javascript"> if (FusionCharts && FusionCharts('cphPageBody_ucDealsByQuarter_ucDealsByQuarter_Fusion')) FusionCharts('cphPageBody_ucDealsByQuarter_ucDealsByQuarter_Fusion').dispose(); var data = "<chart caption='Chart Title' pyaxisname='Primary Y Axis Title' syaxisname='Secondary Y Axis Title' showValues='0' showPlotBorder='0' borderColor='DDDDDD' borderThickness='0' canvasBorderThickness='1' alternateHGridColor='F1F1F1' divLineColor='DDDDDD' vDivLineColor='DDDDDD' vDivLineThickness='1' vDivLineDashed='1' hDivLineDashed='0' numVDivLines='20' numDivLines='10' divLineAlpha='0' pyAxisMinValue='0' pyAxisMaxValue='250' syaxisminvalue='0' syaxismaxvalue='350' formatNumber='1' formatNumberScale='0' sformatNumberScale='0' sNumberPrefix='' rotateValues='0' canvasPadding='5' valuePadding='0' baseFont='Verdana' valuePosition='AUTO' paletteColors='11FF11, FFFF10, FF7F00, FF1111, 2664C1, C73800, 46B1C2, 76C82D, ECB346, BAA3F0, 228999, FA7550, 9ACED6, 1E545C' plotGradientColor='' labelStep='2' bgColor='FEFEFE' showAlternateHGridColor='1' alternateHGridAlpha='50'>"; data = data + "<categories> <category label='2006 Q1' /> <category label='2006 Q2' /> <category label='2006 Q3' /> <category label='2006 Q4' /> <category label='2007 Q1' /> <category label='2007 Q2' /> <category label='2007 Q3' /> <category label='2007 Q4' /> <category label='2008 Q1' /> <category label='2008 Q2' /> <category label='2008 Q3' /> <category label='2008 Q4' /> <category label='2009 Q1' /> <category label='2009 Q2' /> <category label='2009 Q3' /> <category label='2009 Q4' /> <category label='2010 Q1' /> <category label='2010 Q2' /> <category label='2010 Q3' /> <category label='2010 Q4' /> <category label='2011 Q1' /> <category label='2011 Q2' /> <category label='2011 Q3' /> <category label='2011 Q4' /> <category label='2012 Q1' /> <category label='2012 Q2' /> <category label='2012 Q3' /> <category label='2012 Q4' /> <category label='2013 Q1' /> <category label='2013 Q2' /> <category label='2013 Q3' /> <category label='2013 Q4' /> <category label='2014 Q1' /> <category label='2014 Q2' /> <category label='2014 Q3' /></categories>"; data = data + "<dataset parentyaxis='P' renderAs='area' seriesName='IPO' > <set value='43' /> <set value='27' /> <set value='55' /> <set value='33' /> <set value='65' /> <set value='36' /> <set value='41' /> <set value='11' /> <set value='23' /> <set value='12' /> <set value='6' /> <set value='6' /> <set value='26' /> <set value='26' /> <set value='49' /> <set value='37' /> <set value='35' /> <set value='40' /> <set value='96' /> <set value='49' /> <set value='71' /> <set value='37' /> <set value='40' /> <set value='48' /> <set value='49' /> <set value='45' /> <set value='45' /> <set value='77' /> <set value='83' /> <set value='46' /> <set value='76' /> <set value='58' /> <set value='90' /> <set value='54' /> </dataset> "; data = data + "<dataset parentyaxis='P' renderAs='area' seriesName='Recapitalisation' > <set value='17' /> <set value='10' /> <set value='6' /> <set value='9' /> <set value='12' /> <set value='2' /> <set value='3' /> <set value='6' /> <set value='4' /> <set value='2' /> <set value='2' /> <set value='2' /> <set value='2' /> <set value='2' /> <set value='7' /> <set value='9' /> <set value='14' /> <set value='11' /> <set value='27' /> <set value='39' /> <set value='28' /> <set value='14' /> <set value='6' /> <set value='14' /> <set value='19' /> <set value='8' /> <set value='18' /> <set value='15' /> <set value='22' /> <set value='18' /> <set value='11' /> <set value='15' /> <set value='14' /> <set value='12' /> </dataset> "; data = data + "<dataset parentyaxis='P' renderAs='area' seriesName='Restructuring' > <set value='2' /> <set value='4' /> <set value='2' /> <set value='4' /> <set value='2' /> <set value='3' /> <set value='4' /> <set value='11' /> <set value='12' /> <set value='15' /> <set value='19' /> <set value='36' /> <set value='26' /> <set value='20' /> <set value='29' /> <set value='13' /> <set value='15' /> <set value='13' /> <set value='18' /> <set value='13' /> <set value='19' /> <set value='9' /> <set value='13' /> <set value='14' /> <set value='14' /> <set value='12' /> <set value='9' /> <set value='16' /> <set value='17' /> <set value='12' /> <set value='5' /> <set value='13' /> <set value='13' /> <set value='7' /> </dataset> "; data = data + "<dataset parentyaxis='P' renderAs='area' seriesName='Sale to GP' > <set value='79' /> <set value='73' /> <set value='78' /> <set value='88' /> <set value='108' /> <set value='93' /> <set value='85' /> <set value='52' /> <set value='72' /> <set value='70' /> <set value='30' /> <set value='17' /> <set value='24' /> <set value='29' /> <set value='31' /> <set value='42' /> <set value='57' /> <set value='83' /> <set value='98' /> <set value='79' /> <set value='115' /> <set value='95' /> <set value='89' /> <set value='92' /> <set value='92' /> <set value='90' /> <set value='123' /> <set value='73' /> <set value='90' /> <set value='106' /> <set value='119' /> <set value='105' /> <set value='113' /> <set value='118' /> </dataset> "; data = data + "<dataset parentyaxis='P' renderAs='area' seriesName='Sale to Management' > <set value='13' /> <set value='4' /> <set value='7' /> <set value='6' /> <set value='12' /> <set value='9' /> <set value='4' /> <set value='11' /> <set value='8' /> <set value='5' /> <set value='3' /> <set value='3' /> <set value='11' /> <set value='6' /> <set value='5' /> <set value='2' /> <set value='8' /> <set value='5' /> <set value='10' /> <set value='9' /> <set value='7' /> <set value='8' /> <set value='9' /> <set value='11' /> <set value='12' /> <set value='5' /> <set value='10' /> <set value='10' /> <set value='14' /> <set value='11' /> <set value='9' /> <set value='12' /> <set value='10' /> <set value='3' /> </dataset> "; data = data + "<dataset parentyaxis='P' renderAs='area' seriesName='Trade Sale' > <set value='130' /> <set value='94' /> <set value='133' /> <set value='126' /> <set value='185' /> <set value='155' /> <set value='131' /> <set value='111' /> <set value='157' /> <set value='99' /> <set value='69' /> <set value='57' /> <set value='67' /> <set value='66' /> <set value='106' /> <set value='94' /> <set value='127' /> <set value='129' /> <set value='173' /> <set value='163' /> <set value='196' /> <set value='178' /> <set value='146' /> <set value='170' /> <set value='196' /> <set value='157' /> <set value='207' /> <set value='163' /> <set value='189' /> <set value='186' /> <set value='212' /> <set value='160' /> <set value='195' /> <set value='174' /> </dataset> "; data = data + "<dataset parentyaxis='S' renderAs='line' seriesName='Quarterly Total' > <set value='42.87' /> <set value='35.55' /> <set value='79.72' /> <set value='60.57' /> <set value='105.23' /> <set value='57.52' /> <set value='65.44' /> <set value='24.56' /> <set value='68.73' /> <set value='23.58' /> <set value='13.38' /> <set value='5.25' /> <set value='13.78' /> <set value='17.45' /> <set value='54.94' /> <set value='34.8' /> <set value='57.28' /> <set value='71.63' /> <set value='89.44' /> <set value='87.32' /> <set value='138.47' /> <set value='61.4' /> <set value='49.08' /> <set value='51.75' /> <set value='93.23' /> <set value='76.94' /> <set value='83.58' /> <set value='53.68' /> <set value='105.89' /> <set value='77.87' /> <set value='104.43' /> <set value='94.03' /> <set value='145.83' /> <set value='96.89' /> </dataset> "; data = data + "<styles> <definition> <style name='CanvasAnim' type='animation' param='_xScale' start='0' duration='1' /> <style name='CaptionStyle' type='font' font='Verdana' isHTML='1' /> </definition> <application> <apply toObject='Canvas' styles='CanvasAnim' /> <apply toObject='Caption' styles='CaptionStyle' /> </application></styles></chart>"; var chart_cphPageBody_ucDealsByQuarter_ucDealsByQuarter_Fusion = new FusionCharts({ "renderer": "javascript", "dataFormat": "xml", "scaleMode": "noScale", "renderAt": "cphPageBody_chaSearchChartDiv", "lang": "EN", "debugMode": "0", "swfUrl": "msstackedcolumn2dlinedy", "id": "cphPageBody_ucDealsByQuarter_ucDealsByQuarter_Fusion", "wMode": "opaque", "width": "100%", "height": "350px", "registerWithJS": "1", "dataSource": data }).render() </script>