FusionCharts Venn Diagram using Scatter Chart
by mhctoledo
HTML
<script src="http://static.fusioncharts.com/code/xt/5416/FusionCharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<center>
<p id="chartdiv">Loading chart. Please wait...</p>
</center>
CSS
body {
font-family: Verdana, Arial;
font-size: 12px;
line-height: 18px
}
p {
margin-top: 12px;
margin-bottom: 18px;
}
JavaScript
/*var myChart = new FusionCharts("http://www.fusioncharts.com/demos/gallery/Charts/HBullet.swf", "myChartId", "400", "75", "0", "0");
myChart.setDataXML("<chart palette='1' lowerLimit='0' upperLimit='20000' caption='' subcaption='' numberPrefix='' numberSuffix='' showValue='0' showBorder='0' bgcolor='D9D8D4' showTickMarks='1' showTickValues='0'><colorRange><color minValue='0' maxValue='3000' code='911200'/><color minValue='3000' maxValue='4000' code='F39500'/><color minValue='4000' maxValue='20000' code='6CC158'/></colorRange><value>1827</value><target>2211</target><annotationGroup id='Grp1'><annotation type='line' x='135' y='135' toX='135' toY='170' color='FF0000' /> <annotation type='rectangle' x='50' y='50' toX='100' toY='100' color='8E8E8E' /></annotationGroup></chart>");
myChart.render("chartdiv");*/
var myChart = new FusionCharts("http://www.fusioncharts.com/demos/gallery/Charts/stackedBar2d","myChartId","500","300");
myChart.setDataXml("<chart caption='Company Revenue' xAxisName='Month' yAxisName='Revenue' showValues='0' numberPrefix='$'><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' /><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...