Drag Node Chart

Created using FusionCharts Suite XT - www.fusioncharts.com

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.powercharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<!-- Dynamic tooltips using Macros in Heatmap charts. Attribute: # plotTooltext - Set the string with macro. Macros: $rowLabel $tlLabel $trLabel $dataValue $columnLabel Note: Similar Usage for the following Macros $blLabel $brLabel Deviation from theme : # showplotborder - Set to 1, as plots need to show bordered heat area. -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    var salesHMChart = new FusionCharts({
        type: 'bubble',
        renderAt: 'chart-container',
        width: '550',
        height: '370',
        dataFormat: 'json',
        dataSource: {
            "chart": {
                "xaxisminvalue": "0",
                    "xaxismaxvalue": "100",
                    "yaxisminvalue": "0",
                    "yaxismaxvalue": "100",
                    "bubblescale": "3",
                    "is3d": "1",
                    "numdivlines": "0",
                    "showformbtn": "0",
                    "showBorder": "0"
            },
                "dataset": [{
                "plotborderalpha": "100",
                    "data": [{
                    "x": "50",
                        "y": "90",
                        "width": "110",
                        "height": "30",
                        "color": "FFFFFF",
                        "name": "Mr. Harry Sawyer, CEO",
                        "alpha": "100",
                        "tooltext": "CEO",
                        "id": "CEO",
                        "imagenode": "1",
                        "imageurl": "/explore/Resources/CEO.jpg",
                        "imagealign": "bottom",
                        "imageheight": "65",
                        "imagewidth": "108"
                }, {
                    "x": "20",
                        "y": "70",
                        "width": "130",
                        "height": "40",
                        "name": "Name:Tom McQuin Age: 54yrs Designation:CTO",
                        "color": "62D0FE",
                        "id": "CTO"
                }, {
                    "x": "51",
                        "y": "70",
                        "width": "130",
                        "height": "40",
                        "name": "Name:Jim Kerry Age: 46yrs Designation:CFO",
                        "color": "62D0FE",
                        "link":...