JSFiddle - React, Tailwind, and code Playground

by jgarrido

HTML

<script src="http://www.google.com/jsapi?ext.js"></script>
<div id="chart"></div>
<a href="#" onclick="updateChart();">Update</a>

JavaScript

function drawVisualization() {
    wrapper = new google.visualization.ChartWrapper({
        chartType: 'ColumnChart',
        dataTable: [['', 'Germany', 'USA', 'Brazil', 'Canada', 'France', 'RU'],
                    ['', 700, 300, 400, 500, 600, 800]],
        options: {
            'title': 'Countries',
            'animation': {duration: 1000, easing: "out"}
        },
        containerId: 'chart',
    });
    wrapper.draw();
}

function updateChart() {
    options = {
        'title': 'Countries',
        'animation': {duration: 1000, easing: "out"}
    };
    dataTable = [['', 'China', 'USA', 'Brazil', 'Canada', 'France', 'RU'],
                 ['', 200, 300, 400, 500, 600, 800]];
    wrapper.setDataTable(dataTable);
    wrapper.draw();
}

google.load('visualization', '1');
google.setOnLoadCallback(drawVisualization);