bubble label quadrants
Created using FusionCharts Suite XT - www.fusioncharts.com
by Moonmi Sonowal
April 01, 2015
HTML
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
<!-- A Bubble Chart showing sales analysis of shoes of different brands for Harry's Supermart for last month. -->
<div id="chart-container">FusionCharts will render here</div>
JavaScript
FusionCharts.ready(function () {
var conversionChart = new FusionCharts({
type: 'bubble',
renderAt: 'chart-container',
width: '600',
height: '300',
dataFormat: 'json',
dataSource: {
"chart": {
"formatnumberscale": "0",
"legendborderalpha": "0",
"divlinethickness": "1",
"quadrantyval": "191.25",
"bgcolor": "ffffff",
"quadrantlabeltl": "Question Marks",
"thousandseparator": " ",
"canvasbgcolor": "ffffff",
"useellipseswhenoverflow": "1",
"drawquadrant": "1",
"yaxisminvalue": "-100",
"quadrantlabeltr": "Stars",
"animation": "0",
"yaxismaxvalue": "482.5",
"quadrantxval": "191.25",
"aboutmenuitemlink": "n-http://www.contourcomponents.ru",
"canvasbgalpha": "100",
"showalternatehgridcolor": "0",
"tooltipsepchar": ": ",
"formatnumber": "1",
"showyaxisvalues": "1",
"forcedecimals": "1",
"rotatevalues": "0",
"labeldisplay": "AUTO",
"quadrantlabelbl": "Dogs",
"divlinecolor": "b1b1b1",
"plotgradientcolor": "",
"showlabels": "1",
"quadrantlabelbr": "Cash Cows",
"showtooltip": "1",
"legendscrollbgcolor": "ffffff",
"plotbordercolor": "3c3c3c",
"numdivlines": "4",
"xaxisname": "Order Details.UnitPrice",
"xaxisminvalue": "-97.125",
"divlineisdashed": "0",
"showlegend": "0",
...