File "plot02.php"

Full Path: /home/analogde/www/WORDPRESS/HDL/CHESS_2022/plot02.php
File size: 3.52 KB
MIME-type: text/html
Charset: utf-8

 
Open Edit   Advanced Editor   Back 
<!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>