JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.google.com/jsapi?fake=.js"></script>
<div id="pie1"></div>
<div id="pie2"></div>
JavaScript
google.load('visualization', '1.1', {packages: ['corechart']});
google.setOnLoadCallback(drawCharts);
function drawCharts() {
// borrowed from google visualization API playground
// pie1 uses setView()
var pie1 = new google.visualization.ChartWrapper({
dataSourceUrl: 'http://spreadsheets.google.com/tq?key=pCQbetd-CptGXxxQIG7VFIQ&range=B1:D11&pub=1',
chartType: 'PieChart',
containerId: 'pie1'
});
pie1.setView({
columns: [0, 1]
});
pie1.draw();
// pie2 uses 'view' option
var pie2 = new google.visualization.ChartWrapper({
dataSourceUrl: 'http://spreadsheets.google.com/tq?key=pCQbetd-CptGXxxQIG7VFIQ&range=B1:D11&pub=1',
chartType: 'PieChart',
containerId: 'pie2',
view: {
columns: [0, 2]
}
});
pie2.draw();
}