WordPress.org

Ready to get started?Download WordPress

Forums

Google Charts in WordPress (1 post)

  1. vincentle
    Member
    Posted 2 years ago #

    I want to display a Google Graph in a WordPress Page.

    I've leared [here][1] that WordPress seems ok with Javascript.

    So I've created a Page with a basic code in it (it's the GCharts'example). My page looks like :

    <!--Load the AJAX API-->
        <script type="text/javascript" src="https://www.google.com/jsapi"></script>
        <script type="text/javascript">
    
          // Load the Visualization API and the piechart package.
          google.load('visualization', '1.0', {'packages':['corechart']});
    
          // 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 the data table.
            var data = new google.visualization.DataTable();
            data.addColumn('string', 'Topping');
            data.addColumn('number', 'Slices');
            data.addRows([
              ['Mushrooms', 3],
              ['Onions', 1],
              ['Olives', 1],
              ['Zucchini', 1],
              ['Pepperoni', 2]
            ]);
    
            // Set chart options
            var options = {'title':'How Much Pizza I Ate Last Night',
                           'width':400,
                           'height':300};
    
            // Instantiate and draw our chart, passing in some options.
            var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
            chart.draw(data, options);
          }
        </script>
         <div id="chart_div"></div>

    Unfortunately, nothing is displayed on my site.

    Has someone an idea of what's going on ?

    Thanks

    [1]: http://codex.wordpress.org/Using_Javascript

Topic Closed

This topic has been closed to new replies.

About this Topic