Google vizualizācija blogā

Kods, kas jāiekļauj bloga HTML sekcijā:

    <!--Load the AJAX API-->
    <script type="text/javascript"
    src="http://www.google.com/jsapi">
    </script>
    <script type="text/javascript">
    
      // Load the Visualization API
      // and the piechart package.
      google.load('visualization',
      '1', {'packages':[' piechart']});
      
      // Set a callback to run when the
      // Google Visualization API is loaded.
      google.setOnLoadCallback(drawChart);
      
      // Callback that creates and
      // populates a data table, 
      // instantiates the pie chart,
      // passes in the data and
      // draws it.
      function drawChart() {

      // Create our data table.
        var data = new
        google.visualization.DataTable();
        data.addColumn('string', 'Uzdevumi');
        data.addColumn('number', 'Stundas dienā');
        data.addRows([
          ['Darbs', 11],
          ['Ēst', 2],
          ['Pļāpāt', 2],
          ['Skatīties TV', 2],
          ['Gulēt', 7]
        ]);

        // Instantiate and draw our chart,
        // passing in some options.
        var chart = new
        google.visualization.PieChart(
        document.getElementById('chart_div'));
        chart.draw(data, {width: 400,
        height: 240, is3D: true, title:
        'Manas dienas aktivitātes'});
      }
    </script>

    <!--Div konteiners, kurā tiks ielikta bilde (jābūt)-->
    <div id="chart_div"></div>

Vairāk: Šeit Googles aprakstos