Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá Pessoal,
Vamos ver se alguém pode me ajudar... Estou tentando adicionar um TOOLTIP ao levar o mouse sobre cada coluna de meu gráfico. O código que estou utilizando esta logo abaixo:
<script type="text/javascript">
// Carrega a biblioteca do GOOGLE
google.load('visualization', '1', {'packages':['corechart']});
google.setOnLoadCallback(desenhaGrafico);
// Função para montar o gráfico
function desenhaGrafico() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Mês');
data.addColumn('number', 'Vagas');
data.addColumn('number', 'Currículos');
data.addColumn('number', 'Interessados');
data.addRows(5);
// Janeiro
data.setValue(0, 0, 'Janeiro');
data.setValue(0, 1, 9450);
data.setValue(0, 2, 50);
data.setValue(0, 3, 940);
// Fevereiro
data.setValue(1, 0, 'Fevereiro');
data.setValue(1, 1, 12230);
data.setValue(1, 2, 130);
data.setValue(1, 3, 10);
// Março
data.setValue(2, 0, 'Março');
data.setValue(2, 1, 18450);
data.setValue(2, 2, 8450);
data.setValue(2, 3, 18450);
// Abril
data.setValue(3, 0, 'Abril');
data.setValue(3, 1, 12450);
data.setValue(3, 2, 1245);
data.setValue(3, 3, 2450);
// Maio
data.setValue(4, 0, 'Maio');
data.setValue(4, 1, 20450);
data.setValue(4, 2, 544);
data.setValue(4, 3, 2450);
// Gera o gráfico
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
// Opções para o gráfico
var options = {
backgroundColor : '#f5f5f5',
fontSize: 11,
width : 680,
height : 350,
is3D: false,
pieSliceText: 'value',
legend: {position: 'top', textStyle: {color: '#666', fontSize: 11}}
};
// Desenha o gráfico com as opções passadas
chart.draw(data, options);
}
</script>
<div id="chart_div"></div>
Abraço,
Odirlei
Carregando comentários...