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”）。我将如何添加第三条数据，例如字母等级，到这些数据点中的每一个，以便当用户将鼠标悬停在该数据点上时它也会显示出来？如果您只是在其中添加第三列并在DataTable其中包含相关信息，则它不再绘制图表。我想做的事可能吗？谢谢！

4

0 回答 0