1. Initialize the plugin by referencing the necessary files:

                    
                        <script src="https://www.google.com/jsapi"></script>
                    
                

2. The component will bind to any existing DOM element.

                    
                        <div id="bar-chart"></div>
                    
                

3. Basic usage may look something like this.

                    
                        // Load the Visualization API and the corechart package.
                        google.load('visualization', '1.0', {'packages':['corechart']});

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

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

                            // Create the data table.
                            var data = google.visualization.arrayToDataTable([
                                ['Year', 'Sales', 'Costs'],
                                ['2011',  880,      250],
                                ['2012',  730,      300],
                                ['2013',  960,      450],
                                ['2014',  1340,     430],
                                ['2015',  1560,     540]
                            ]);


                            // Set chart options
                            var options_bar = {
                                height: 400,
                                fontSize: 12,
                                colors:['#2494be','#F6B75A'],
                                chartArea: {
                                    left: '5%',
                                    width: '90%',
                                    height: 350
                                },
                                hAxis: {
                                    gridlines:{
                                        color: '#e9e9e9',
                                    },
                                },
                                vAxis: {
                                    gridlines:{
                                        count: 10
                                    },
                                    minValue: 0
                                },
                                legend: {
                                    position: 'top',
                                    alignment: 'center',
                                    textStyle: {
                                        fontSize: 12
                                    }
                                }
                            };

                            // Instantiate and draw our chart, passing in some options.
                            var bar = new google.visualization.BarChart(document.getElementById('bar-chart'));
                            bar.draw(data, options_bar);

                        }