Get X and Y value of node

501282

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>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<!-- 
    Railway Map using DragNode Chart.
    
    Deviation from theme:
        # showplotborder - Set to 1
        # plotborderthickness - Set to 50

 -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    var railwayChart = new FusionCharts({
        type: 'dragnode',
        renderAt: 'chart-container',
        width: '800',
        height: '600',
        dataFormat: 'json',
        dataSource: {
            "chart":{
                "caption":"Railway Map",
                "xaxisminvalue":"0",
                "xaxismaxvalue":"100",
                "yaxisminvalue":"0",
                "yaxismaxvalue":"100",
                "is3d":"0",
                "showformbtn":"1",
                "formaction":"dragnodeData.php",
                "formtarget":"_blank",
                "formmethod":"POST",
                "formbtntitle":"Save",
                "viewmode":"0",
                "showplotborder":"1",
                "plotborderthickness":"4",
                "theme":"fint",
                "showcanvasborder":"1",
                "canvasborderalpha":"20"
            },
            "dataset":[
                {
                    "data":[
                        {
                            "id":"01",
                            "label":"Santa Monica",
                            "color":"#ffffff",
                            "x":"16",
                            "y":"54",
                            "radius":"30",
                            "shape":"circle"
                        },
                        {
                            "id":"02",
                            "label":"Los Angeles",
                            "color":"#ffffff",
                            "x":"27",
                            "y":"54",
                            "radius":"30",
                            "shape":"circle"
                        },
                        {
                            "id":"03",
                            "label":"Ontario",
                            "color":"#ffffff",
                            "x":"48",
                            "y":"54",
                            "radius":"30",
                       ...