Beispiel #1
0
    $js_array = str_replace(" ", "", $name);
    echo sprintf('var %s = [["Time in us", "%s"]];' . PHP_EOL, $js_array, $name);
    push_to_array($data, $js_array);
    echo sprintf('var %s_graph = google.visualization.arrayToDataTable(%s);' . PHP_EOL, $js_array, $js_array);
    echo sprintf('var %s_chart = new google.visualization.LineChart(document.getElementById("%s"));' . PHP_EOL, $js_array, $js_array);
    echo sprintf('%s_chart.draw(%s_graph, {title: "%s"});' . PHP_EOL, $js_array, $js_array, 'Time taken (us)');
}
?>
<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
    google.load("visualization", "1", {packages:["corechart"]});
    google.setOnLoadCallback(drawChart);
    function drawChart(){
    <?php 
foreach ($results as $_name => $_data) {
    makeChart($_name, $_data);
}
?>
    }
    </script>
  </head>
  <body>
    <?php 
foreach ($results as $_name => $_data) {
    echo '<div id="' . str_replace(" ", "", $_name) . '" style="width: 900px; height: 400px; float:left;"></div>';
}
?>
  </body>
</html>
      google.charts.load('current', {'packages':['corechart']});

      // Set a callback to run when the Google Visualization API is loaded.
      google.charts.setOnLoadCallback(drawChart);

      // Callback that creates and populates a data table,
      // instantiates the pie chart, passes in the data and
      // draws it.
      function drawChart() {

        // Create the data table.
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Topping');
        data.addColumn('number', 'Slices');
        data.addRows([<?php 
makeChart($result);
?>
        ]);

        // Set chart options
        var options = {'title':'Most Used Browsers',
                       'width':400,
                       'height':400};

        // Instantiate and draw our chart, passing in some options.
        var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }

 var availableTags="";