File "chart-message.php"

Full Path: /home/analogde/www/Design/fileman/Fusion/Picker/js/integrations/php/samples/pages/chart-message.php
File size: 3.07 KB
MIME-type: text/html
Charset: utf-8

 
Open Edit   Advanced Editor   Back 
<!DOCTYPE html>
<?php

    /* Include the `../src/fusioncharts.php` file that contains functions to embed the charts.*/
    include("../includes/fusioncharts.php");
?>
  <html>
    <head>
        <title>FusionCharts | Export Chart As Image (client-side)</title>
        <!-- FusionCharts Library -->
        <script type="text/javascript" src="//cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script>
        <script type="text/javascript" src="//cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js"></script>
        <!--
            <script type="text/javascript" src="//cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.gammel.js"></script>
            <script type="text/javascript" src="//cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.zune.js"></script>
            <script type="text/javascript" src="//cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.carbon.js"></script>
            <script type="text/javascript" src="//cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.ocean.js"></script>
        -->
        <script>
            function onUpdate(eventObj) {
                document.getElementById("dataUpdate").innerHTML = "previous value: " + eventObj.data.prevData;          
            }
        </script>
    </head>

    <body>

        <?php
        $chartData ="{  
            \"chart\":
            {
               \"caption\": \"Countries With Most Oil Reserves [2017-18]\",
               \"subCaption\": \"In MMbbl = One Million barrels\",
               \"xAxisName\": \"Country\",
               \"yAxisName\": \"Reserves (MMbbl)\",
               \"numberSuffix\": \"K\",
               \"theme\": \"fusion\",
               \"exportEnabled\":\"1\"
           },
           \"data\": [{
               \"label\": \"Venezuela\",
               \"value\": \"290\"
           }, {
               \"label\": \"Saudi\",
               \"value\": \"260\"
           }, {
               \"label\": \"Canada\",
               \"value\": \"180\"
           }, {
               \"label\": \"Iran\",
               \"value\": \"140\"
           }, {
               \"label\": \"Russia\",
               \"value\": \"115\"
           }, {
               \"label\": \"UAE\",
               \"value\": \"100\"
           }, {
               \"label\": \"US\",
               \"value\": \"30\"
           }, {
               \"label\": \"China\",
               \"value\": \"30\"
           }]
       }";
       
        // chart object
        $Chart = new FusionCharts("column2d", "chart-1" , "700", "400", "chart-container", "json", $chartData);

        // Attach message with message string.
        $Chart->addMessage("loadMessage", "please wait data is being loaded");
        $Chart->addMessage("loadMessageFontSize", "18");

        // Render the chart
        $Chart->render();

?>
    <h3>Message related attributes and configuration</h3>
    <div id="chart-container">Chart will render here!</div>
        <br/>
        <br/>
        <br/>
        <a href="../index.php">Go Back</a>

    </body>

    </html>