Scatter chart

[shadey]

Hi,

I'm using Scatter chart (Scatter.swf) and I want to produce a graph that has 4 quadrants with no dividing lines on x or Y apart from the lines required to produce the quadrants. I have managed it by using the following settings:

To hide horizontals backgrounds I'm setting divLineAlpha='0' & showAlternateHGridColor='0' in the graph element; adding a <trendlines><line> to show one specific horizontal line to form the top and bottom of the quadrant

To hide verticals: showVerticalLine='0'; adding one specific <category> with showVerticalLine='1' to show the vertical line to define the left and right parts of the quadrants

Now what I want to be able to do it to set the background colour for the 4 quadrants. Is this possible? The following is the code that I have been using so far to create the quadrants. Any help or suggestions welcome, I have spent some time looking up online help before posting!! Thanks.

<graph palette='3' caption='Strategic Supplier Graph' yAxisName='Spend: Routine -> Leverage' showLegend='1' showNames='1' xAxisName='Complexity: Routine -> Critical' xAxisMaxValue='100' xAxisMinValue='0' showXAxisValues='1' yAxisMaxValue='100' yAxisMinValue='0' showYAxisValues='1' divLineAlpha='0' showAlternateHGridColor='0' baseFont='Arial' baseFontSize ='12' baseFontColor ='000000' ><categories verticalLineColor='000000' verticalLineThickness='1'><category name='30' x='30' showVerticalLine='1'/> <category name='0' x='0' showVerticalLine='0' /> <category name='20' x='20' showVerticalLine='0' /> <category name='40' x='40' showVerticalLine='0' /> <category name='60' x='60' showVerticalLine='0' /> <category name='80' x='80' showVerticalLine='0' /> <category name='100' x='100' showVerticalLine='0' /> </categories><dataSet id='DS1' seriesName='Server 1' Color='ff5904' plotBorderThickness='0' showPlotBorder='1'><set id='S1' x='17' y='5' /> <set id='S2' x='83' y='64' /> <set id='S3' x='89' y='9' /> <set id='S4' x='17' y='91' /> <set id='S5' x='56' y='31' /> <set id='S6' x='22' y='22' /> <set id='S7' x='91' y='69' /> <set id='S8' x='36' y='88' /> </dataSet><dataSet id='DS2' seriesName='Server 2' Color='00aaaa' plotBorderThickness='0' showPlotBorder='1'><set id='S1' x='78' y='88' /> <set id='S2' x='77' y='81' /> <set id='S3' x='23' y='81' /> <set id='S4' x='78' y='69' /> <set id='S5' x='52' y='58' /> <set id='S6' x='65' y='44' /> <set id='S7' x='68' y='1' /> <set id='S8' x='1' y='73' /> </dataSet><dataSet id='DS3' seriesName='Server 3' Color='000000' plotBorderThickness='0' showPlotBorder='5'><set id='S1' x='1' y='88' /> <set id='S2' x='1' y='81' /> <set id='S3' x='1' y='81' /> <set id='S4' x='1' y='69' /> <set id='S5' x='1' y='58' /> <set id='S6' x='1' y='44' /> <set id='S7' x='1' y='1' /> <set id='S8' x='98' y='73' /> </dataSet><styles><definition><style name='myCaptionFont' type='font' font='Arial' size='14' color='666666' bold='1' underline='1' /> </definition><application><apply toObject='Caption' styles='myCaptionFont' /> </application></styles><trendlines><line startValue='50' displayValue='' lineThickness='5' color='000000' valueOnRight='0' dashed='0' dashGap='0'/></trendlines></graph>]sXMLString=[<graph palette='3' caption='Strategic Supplier Graph' yAxisName='Spend: Routine -> Leverage' showLegend='1' showNames='1' xAxisName='Complexity: Routine -> Critical' xAxisMaxValue='100' xAxisMinValue='0' showXAxisValues='1' yAxisMaxValue='100' yAxisMinValue='0' showYAxisValues='1' divLineAlpha='0' showAlternateHGridColor='0' baseFont='Arial' baseFontSize ='12' baseFontColor ='000000' ><categories verticalLineColor='000000' verticalLineThickness='1'><category name='30' x='30' showVerticalLine='1'/> <category name='0' x='0' showVerticalLine='0' /> <category name='20' x='20' showVerticalLine='0' /> <category name='40' x='40' showVerticalLine='0' /> <category name='60' x='60' showVerticalLine='0' /> <category name='80' x='80' showVerticalLine='0' /> <category name='100' x='100' showVerticalLine='0' /> </categories><dataSet id='DS1' seriesName='Server 1' Color='ff5904' plotBorderThickness='0' showPlotBorder='1'><set id='S1' x='17' y='5' /> <set id='S2' x='83' y='64' /> <set id='S3' x='89' y='9' /> <set id='S4' x='17' y='91' /> <set id='S5' x='56' y='31' /> <set id='S6' x='22' y='22' /> <set id='S7' x='91' y='69' /> <set id='S8' x='36' y='88' /> </dataSet><dataSet id='DS2' seriesName='Server 2' Color='00aaaa' plotBorderThickness='0' showPlotBorder='1'><set id='S1' x='78' y='88' /> <set id='S2' x='77' y='81' /> <set id='S3' x='23' y='81' /> <set id='S4' x='78' y='69' /> <set id='S5' x='52' y='58' /> <set id='S6' x='65' y='44' /> <set id='S7' x='68' y='1' /> <set id='S8' x='1' y='73' /> </dataSet><dataSet id='DS3' seriesName='Server 3' Color='000000' plotBorderThickness='0' showPlotBorder='5'><set id='S1' x='1' y='88' /> <set id='S2' x='1' y='81' /> <set id='S3' x='1' y='81' /> <set id='S4' x='1' y='69' /> <set id='S5' x='1' y='58' /> <set id='S6' x='1' y='44' /> <set id='S7' x='1' y='1' /> <set id='S8' x='98' y='73' /> </dataSet><styles><definition><style name='myCaptionFont' type='font' font='Arial' size='14' color='666666' bold='1' underline='1' /> </definition><application><apply toObject='Caption' styles='myCaptionFont' /> </application></styles><trendlines><line startValue='50' displayValue='' lineThickness='5' color='000000' valueOnRight='0' dashed='0' dashGap='0'/></trendlines></graph>

[daveb1976]

Hi,

 

 

 

Did you ever solve this? I would like to do something similar and am also stuck on how to create the quadrants.

 

 

 

Cheers,

 

Dave

[Guest Madhumita]

Hello,

 

 

 

FusionCharts does not have the functionality to apply colors to different quadrants.

 

 

 

However, there is a workaround.

 

 

 

You can use different colored vertical and horizontal 'trendzones' to display different colored quadrants.

 

 

 

I have added the neccessary elements in your XML which I am attaching for your reference.

 

 

 

Hope this helps.

data.zip

[daveb1976]

Thanks very much. Does this rely on the colors "mixing" to give the desired color? Because surely the horizontal and vertical lines run over each other?

 

 

 

Dave

[Guest Madhumita]

Hello,

You are most welcome.

Yes the colors should be so chosen that the blend of two colors generate a new color which is distinguishable.

You can acheive this using a number of different colors. However, I picked the colors which are significantly different from each other.

[Sanjukta]

Hello,

We are very excited to announce the release of FusionCharts v3.2 that leverages Flash and JavaScript (HTML5) to create stunning charts. It introduces the new zoom charts, Pareto & Marimekko charts and works with both XML and JSON data.

 

You will be pleased to know that FusionCharts v3.2 comes with the addition of Quadrants feature in XY plot charts. More details at:

http://www.fusioncharts.com/in/smartcharts

It now works on iPads and iPhones as well. Please visit

http://www.fusioncharts.com/ipad/

to find out what's new.

Furthermore, with this release, we have changed our licensing policies and pricing for our core products - FusionCharts, FusionWidgets, FusionMaps & PowerCharts. More details at:

http://www.fusioncharts.com/license/

 

Please feel free to share your thoughts with us at:

[email protected]

Thank you and have a good day.

[Guest Angie]

Dear User,

 

We are delighted to announce that PowerCharts is now ready for your iPads and iPhones too. We have just released PowerCharts v3.2. Starting v3.2, PowerCharts has HighCharts embedded within it, and offers both Flash and JavaScript (HTML5) charting . The Flash charts are displayed on a majority of devices and the JavaScript charts on devices that do not support Flash, all of it without writing a line of code.

 

Automatic rendering of JavaScript charts on devices (like iPad and iPhone) where Flash player is not supported.

 

5 new chart types:

 

Heat Map Chart

 

Box and Whisker Chart

 

Step Line Chart

 

Error Line Chart

 

Error Scatter Chart

 

 

* Support for JSON data format.

 

* Support for LinkedCharts, where a single data source controls multiple charts.

 

* Interactive legends in charts allow selective showing/hiding of data series.

 

* Legends now support icons for each data series.

 

* Better management of labels on charts.

 

* Labels now have an auto rendering mode to prevent them from overlapping, the chart selects the best display mode depending on the length of the labels and the width of the chart.

 

* Long labels are truncated, with ellipses appended to the truncated end of each label, and a tooltip bearing the completed label text is displayed when the user hovers over a truncated label.

 

* Support for line breaks and wrapping in all text elements including: caption, sub caption, X-axis title, Y-axis title, Labels and tooltips.

 

* In Line charts, data values can now be positioned either above or below the dataplots. Automatic positioning of data values is also supported.

 

* In Step-line charts dataplots can be joined using vertical lines.

 

* Custom alignment of caption and sub caption using STYLES.

 

* Advanced print management using JavaScript.

 

* Additional options for efficient event handling using JavaScript.

 

* Support for dynamic update of chart properties using JavaScript(barring select scatter and drag charts).

 

* Charts now support % based sizes along with dynamic resizing (barring select scatter and drag charts).

 

 

Learn more about everything new in PowerCharts v3.2 at : http:/ www.fusioncharts.com/PowerCharts/

 

We would love to hear from you at: http://www.fusioncharts.com/contact/