【问题标题】:Google Bar charts - ToolTips not showingGoogle 条形图 - 工具提示未显示
【发布时间】:2019-03-31 23:31:23
【问题描述】:

我使用谷歌图表创建了一个条形图,这是一个核心图表

我尝试让条形图更改颜色并向其添加额外的工具提示信息,以便工具提示显示更多信息

我浏览了谷歌文档,但我看不出我做错了什么

为了便于阅读,这是我在源代码上的代码输出

 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');
                }
         }

这是我一直关注的谷歌文档,略有不同 在我从数据库中获取数据时进行挖掘,但它应该提供相同的输出。

我已经经历了很多例子,我正在尽可能接近地复制它们,只是没有任何运气

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

我也有同样的颜色问题,我无法在条形图上更改颜色来改变两者都有相同的问题,即它什么都不做

我错过了什么吗??

【问题讨论】:

    标签: charts google-visualization


    【解决方案1】:

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

    view.setColumns([0, 1]);
    

    添加工具提示...

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

    【讨论】:

    • 谢谢!!简直不敢相信就是这样
    猜你喜欢
    • 1970-01-01
    • 2017-04-12
    • 1970-01-01
    • 2016-02-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多