FusionCharts API-Methods: getXMLData

Created using FusionCharts Suite XT - www.fusioncharts.com

by FusionCharts

HTML

<script src="https://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="https://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
<script src="https://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<!-- This sample shows the usage of the getXMLData() method -->
<div id="indicatorDiv">Method Name: <strong>getXMLData()</strong>    
   <p>Fetches chart data in the XML format. Click <a href="http://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-methods.html#getXMLData" target="_blank">here</a> to read more about the <strong>getXMLData()</strong> method.</p>
   <p>Click <strong>Get XML Data</strong> to get the chart data in the XML format.</p>
    
    <button id="get_xml_data" class="mb-20">Get XML Data</button>    
    
    <div id="msg" class="mb-20"></div>   
    
    <div id="chart-container" class="container">FusionCharts will render here.</div>
</div>

CSS

body {
    padding: 5px;
    margin: 0 auto;
}
strong{
  font-weight: bold;
}

.text-center {
  text-align: center;
}

p {
  margin: 10px auto;
}

.mb-20 {
  margin-bottom: 20px;
}

#indicatorDiv {
    width: 500px;
    font-family:'Arial', 'Helvetica';
    font-size: 13px;
}
#msg {
    margin: 10px auto;
    font-family:'Arial', 'Helvetica';
    font-size: 13px;
    font-style: italic;
}
#get_xml_data {
    font-size: 13px;
    padding: 10px 20px;
}

JavaScript

FusionCharts.ready(function () {
    var data = '<chart caption="Half Yearly Revenue Analysis" yaxisname="Revenue" numberprefix="$" yaxismaxvalue="250000" showborder="0" theme="fint" captionFontSize="13" subCaptionFontSize="12"><set label="Jul" value="150000" tooltext="Occupancy: 67%{br}Revenue:$150k{br}3 conferences hosted!" /><set label="Aug" value="130000" tooltext="Occupancy: 64%{br}Revenue:$130k{br}Lean summer period!" /><set label="Sep" tooltext="Occupancy: 44%{br}Revenue: $80k{br}Reason: Renovating the Lobby" value="95000" /><set label="Oct" value="170000" tooltext="Occupancy: 73%{br}Revenue:$170k{br}Anniversary Discount: 25%" /><set label="Nov" value="155000" tooltext="Occupancy: 70%{br}Revenue:$155k{br}2 conferences cancelled!" /><set label="Dec" value="230000" tooltext="Occupancy: 95%{br}Revenue:$230k{br}Crossed last year record!" /></chart>';
    var revenueChart = new FusionCharts({
        type: 'column2d',
        renderAt: 'chart-container',
        width: '400',
        height: '250',
        dataFormat: 'xml',
        dataSource: data
    });
    revenueChart.render();
    /**
     * @description
     * getXMLData(); Fetches chart data in the XML format
     *
     * usage : chartObj.getXMLData();           
     */
    function get() {
        var text = document.createTextNode(revenueChart.getXMLData());
        document.getElementById("msg").appendChild(text);
    }
    document.getElementById("get_xml_data").addEventListener("click", get);
});