Google LineChart を表示する次の関数があります。
<script type="text/javascript">
google.load('visualization', '1', {'packages':['corechart']});
google.setOnLoadCallback(drawChart);
function drawChart()
{
var data = new google.visualization.DataTable();
data.addColumn('string', 'Assignment');
data.addColumn('number', 'Grade');
data.addRows([ ['Homework 1', 78],
['Homework 2', 83],
['Homework 3', 95] ]);
var chart =
new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, {width: 640, height: 480, title: 'Grades'});
}
</script>
グラフ上の任意のポイントにマウスを合わせると、そのポイントのデータを含むツールチップが表示されます (つまり、「課題: 宿題 1 グレード: 78」)。3 番目のデータを追加するにはどうすればよいですか?ユーザーがそのデータポイントにカーソルを合わせたときにも表示されるように、それらのデータポイントのそれぞれに? に 3 番目の列を追加し、DataTable
そこに関連情報を含めるだけでは、グラフが描画されなくなります。私がやりたいことは可能ですか?ありがとう!