Блог

У меня есть следующая функция, которая отображает линейную диаграмму Google:

 <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 и включите в него соответствующую информацию, диаграмма больше не будет отображаться. Возможно ли то, что я хочу сделать? Спасибо!