500952

Created using FusionCharts Suite XT - www.fusioncharts.com

by Nabajeet Sonowal

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.powercharts.js"></script>
<!-- Box And Whisker chart Box and Whisker chart is a statistical chart which is used to examine and summarize a given set of data. It helps in interpreting the distribution of data. It gives us an idea where most of the numbers reside, i.e. where the frequency of numbers are more. It draws the statistical conclusion using five number summary principle. The Box and Whisker chart is very useful to observe the mean, median, upper and lower quartiles, deviations, etc. for a huge set of data. -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    var salaryDistribution = new FusionCharts({
        type: 'boxandwhisker2d',
        renderAt: 'chart-container',
        width: '500',
        height: '350',
        dataFormat: 'json',
        dataSource: {
            "chart": {
                "caption": "Distribution of annual salaries",
                    "subcaption": "By Gender",
                    "xAxisName": "Pay Grades",
                    "YAxisName": "Salaries (In USD)",
                    "numDivLines": "4",
                    "yAxisMaxValue": "3",
                    "adjustDiv": "0"
            },
                "categories": [{
                "category": [{
                    "label": "Grade 1"
                }, {
                    "label": "Grade 2"
                }, {
                    "label": "Grade 3"
                }, {
                    "label": "Grade 4"
                }, {
                    "label": "Grade 5"
                }, {
                    "label": "Grade 6"
                }, {
                    "label": "Grade 7"
                }, {
                    "label": "Grade 8"
                }, {
                    "label": "Grade 9"
                }]
            }],
                "dataset": [{
                "seriesname": "Male",
                    "lowerboxcolor": "#0075c2",
                    "upperboxcolor": "#1aaf5d",
                    "data": [{
                    "value": "1.21,1.607,1.610,1.873,2.270"
                }, {
                    "value": "1.102,1.111,1.114,1.117,1.127"
                }, {
                    "value": "0.0,0.448,0.575,0.888,1.548"
                }, {
                    "value": "0.234,0.450,0.534,0.594,0.810"
                }, {
                    "value": "0.0,0.207,0.274,0.437,0.782"
                }, {
                    "value": "0.0,0.117,0.174,0.289,0.547"
                }, {
                    "value": "0.0,0.100,0.132,0.216,0.389"
                }, {
      ...