Гистограммы Google - подсказки не отображаются - PullRequest
0 голосов
/ 27 октября 2018

Я создал гистограмму, используя диаграммы Google, это CORE Chart

Я пытался заставить гистограмму изменять цвета и добавлять к ней дополнительную информацию о всплывающей подсказке, чтобы подсказка отображала немного больше информации

Я просмотрел документацию Google и не могу понять, что я делаю неправильно

Для удобства чтения это вывод моего кода из исходного кода

 google.charts.load("current", {packages:['corechart']});
        google.charts.setOnLoadCallback(drawChart);
         function drawChart() {
             var exams = [["Date", "Score",({type: 'string', role: 'tooltip'})], ["18 Oct", 39,"TEST"], ["26 Oct", 20,"TEST"], ["26 Oct", 0,"TEST"], ["27 Oct", 0,"TEST"], ["27 Oct", 0,"TEST"]];
             if(exams.length > 1){
             var data = google.visualization.arrayToDataTable(exams);
             var view = new google.visualization.DataView(data);
             view.setColumns([0, 1]);
             var options = {
                 title: "Results",
                 width: 1170,
                 height: 700,
                 bar: {groupWidth: "95%"},
                 legend: { position: "none" }
             };
             var chart = new google.visualization.ColumnChart(document.getElementById("columnchart_values"));
             chart.draw(view, options);
             }
                else{
                    $("#columnchart_values").html('No Data found to show graph');
                }
         }

Это документация Google, за которой я следил, она немного отличается мне, поскольку я получаю свои данные из базы данных, но это должно дать тот же вывод.

Я прошел через множество примеров и копирую их как можно ближе, но просто не везет

https://developers.google.com/chart/interactive/docs/customizing_tooltip_content

У меня также точно такая же проблема с цветом, я не могу получить цвета на гистограммах, чтобы изменить обе, с той же проблемой, что просто ничего не делает

Я что-то упустил ??

1 Ответ

0 голосов
/ 27 октября 2018

столбец всплывающей подсказки не включается в представление данных.

view.setColumns([0, 1]);

чтобы добавить подсказку ...

view.setColumns([0, 1, 2]);
...