2

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そこに関連情報を含めるだけでは、グラフが描画されなくなります。私がやりたいことは可能ですか?ありがとう!

4

0 に答える 0