Question

我已经使用Google图表创建了条形图，这是核心图表

我尝试获取条形图以更改颜色并向其添加其他工具提示信息，以便工具提示显示更多信息

我浏览了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

我在颜色上也有完全相同的问题，我无法在条形图上获得颜色来更改它们都具有相同的问题，那就是它什么都不做

我错过了什么吗？

Answer 1

工具提示列未包含在数据视图中。

view.setColumns([0, 1]);

添加工具提示...

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

Google条形图-工具提示未显示

1 个答案: