JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://www.gstatic.com/charts/loader.js"></script>
<html>
<title>Teste gráficos</title>
<body>
<div id="curve_chart"></div>
<button onclick="myFunction()" class=" button widget uib_w_7 ajustes_button button-positive">Atualizar gráficos</button>
</body>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Data', 'Membros', 'Visitantes'],
['1', 4, 6],
['2', 5, 7]
]);
var options = {
title: 'Membros x Visitantes',
curveType: 'function',
legend: { position: 'bottom' }
};
var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));
chart.draw(data, options);
}
function myFunction(){
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['1', 9, 2],
['2', 1, 7]
]);
var chart = document.getElementById('curve_chart');
chart.draw(data);
}
}
</script>
</html>