<!doctype html>
<html>
<head>
<!--
<script src="https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script>
-->
<script src="Charts_2022/js/fusioncharts.js"></script>
</head>
<body>
<div id="container"></div>
<script>
/*
FusionCharts.ready(function () {
// chart instance
var chart = new FusionCharts({
type: "column2d",
renderAt: "chart-container", // container where chart will render
width: "600",
height: "400",
dataFormat: 'xmlurl',
dataSource: 'data.xml'
//dataFormat: "json",
/*dataSource: {
// chart configuration
chart: {
caption: "Countries With Most Oil Reserves [2017-18]",
subcaption: "In MMbbl = One Million barrels"
},
// chart data
data: [
{ label: "Venezuela", value: "290000" },
{ label: "Saudi", value: "260000" },
{ label: "Canada", value: "180000" },
{ label: "Iran", value: "140000" },
{ label: "Russia", value: "115000" },
{ label: "UAE", value: "100000" },
{ label: "US", value: "30000" },
{ label: "China", value: "30000" }
]
}*/
/*}).render();
});*/
// https://www.fusioncharts.com/dev/fusiontime/getting-started/create-your-first-chart-in-fusiontime
//const URL_DATA = 'values02.json';
//const URL_SCHEMA = 'infos02.json';
//https://jsfiddle.net/fusioncharts/1btrzeqa/
// http://ebi.kemenag.go.id/nr/lib/chart/Contents/JavaScript/JS_Example.html
const URL_DATA = 'https://raw.githubusercontent.com/fusioncharts/dev_centre_docs/master/assets/datasources/fusiontime/examples/online-sales-multi-series/data.json';
const URL_SCHEMA = 'https://raw.githubusercontent.com/fusioncharts/dev_centre_docs/master/assets/datasources/fusiontime/examples/online-sales-multi-series/schema.json';
//const URL_DATA = 'values02.json';
//const URL_SCHEMA = 'infos02.json';
const jsonify = res => res.json();
const dataFetch = fetch(URL_DATA).then(jsonify);
const schemaFetch = fetch(URL_SCHEMA).then(jsonify);
Promise.all([dataFetch, schemaFetch]).then(([data, schema]) => {
var fusionTable = new FusionCharts.DataStore().createDataTable(data, schema);
new FusionCharts({
type: 'timeseries',
renderAt: 'container',
width: "90%",
height: 650,
dataSource: {
data: fusionTable,
chart: {
exportEnabled: 1
},
caption: {
text: 'Online Sales of a SuperStore in India & the US'
},
yAxis: [{
"plot": {
"value": "ELO",
"connectnulldata": "1"
}
}],
"series": "Country"
}
}).render();
});
// https://www.fusioncharts.com/fusiontime/examples/join-missing-data?framework=javascript
// https://www.fusioncharts.com/fusiontime/examples/plotting-two-variables-measures?framework=javascript
//https://www.fusioncharts.com/fusiontime/examples/plotting-multiple-series-on-time-axis?framework=javascript
</script>
<?php
echo "<br><br>";
echo " TEST patoche blabla ";
echo "<br><br>";
?>
</body>
</html>