Добавление нечисловых данных в точки на линейном графике Google - PullRequest
Новая
       11

Добавление нечисловых данных в точки на линейном графике Google

2 голосов
/ 14 ноября 2011

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

...