JSFiddle - React, Tailwind, and code Playground
HTML
<div id="chart"></div>
<textarea id="data-input"></textarea>
<button onclick="draw()">draw</button>
<script src="https://www.google.com/jsapi"></script>
JavaScript
var container = document.getElementById( 'chart' ),
dataInput = document.getElementById( 'data-input' ),
chart, data = [];
var dados = ["x","VALE S/A","CONSORCIO CONSTRUTOR BELO MONTE","CIA SIDERURGICA NACIONAL","U&M MINERACAO E CONSTRUCAO S/A","KINROSS BRASIL MINERACAO S/A"],["2008", 507577710.94, 0.00, 31051203.56, 52203483.30, 62106621.83],
["2009", 662563045.48, 0.00, 58787081.51, 34086898.86, 24278887.81],
["2010", 792270779.48, 0.00, 88167219.91, 31365188.71, 36947368.25],
["2011", 739017317.87, 287649200.38, 43109363.47, 63745408.00, 43230655.00];
google.load( 'visualization', '1', { packages: ['corechart'] } );
google.setOnLoadCallback( setup );
function setup() {
chart = new google.visualization.LineChart( container );
dataInput.value = JSON.stringify([
dados
]);
draw();
}
function draw () {
data = JSON.parse( dataInput.value );
chart.draw( google.visualization.arrayToDataTable( data ) );
}