Fetch data from a JSON URL

Fetch data remotely from a JSON file or URL

by Ashok Mandal

HTML

<script src="https://unpkg.com/[email protected]/dist/vue-fusioncharts.js"></script>
<script src="https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script>
<script src="https://cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js"></script>
<div id="app">
    <fusioncharts
    :type="type"
    :width="width"
    :height="height"
    :dataFormat="dataFormat"
    :dataSource="dataSource"
    ></fusioncharts>
</div>

Vue

// register VueFusionCharts plugin
Vue.use(VueFusionCharts, FusionCharts)

var app = new Vue({
    el: '#app',
    data: {
        type: 'column2d',
        width: '100%',
        height: '400',
        dataFormat: 'jsonurl',
        dataSource: 'https://static.fusioncharts.com/sample/oilReserves.json' // url of datasource
    }
});