Skip to content
Juan Carlos Vega Neira edited this page Nov 14, 2015 · 3 revisions

For using this plugin, just follow this instructions:

  • First, load the script. Simply by adding
<script src="../jquery.googleCharts.js"></script>
  • Then, just need to start the plugin with selector
$('#myFirstChart').googleChart(options);

This are the options

<style> .tab{ padding-left:.5em;} </style>
Option Description
chartType Set the chart you want to draw. The name is the same as the googe chart name. Like 'PieChart' or 'BarChart'
chartOptions Set the option for drawing the charts. See more info on Google Developer Guide
dataOptions Here you define the data you want to display. Here you don't have to specify the DataTable structure.
loaderOptions Set the configuration for loading google api
loaderOptions.version version to load from google loader
loaderOptions.packages Array of packages to load
Clone this wiki locally