工具提示仅显示"点击" - 谷歌图表

时间:2014-05-20 15:35:47

标签: javascript jquery javascript-events charts tooltip

友 经过几个小时的搜索,我无法解决问题。 我正在使用最新的jQuery和Google的API可视化。

在页面加载时,ColumnChart正确呈现。当鼠标悬停在条形图上时,它会显示检测到的悬停事件(突出显示边缘 - 显示鼠标悬停正在工作)。但是,它没有显示带有信息的工具提示框。

现在,当您单击该栏时,会出现工具提示。我之前从未遇到过这个问题。我认为悬停的默认设置是显示工具提示。

非常感谢任何帮助。

这是我的.JS代码:

$(document).ready(function()    {


     $.post('presu.php', function ( data ) {    
        var data = new google.visualization.DataTable(JSON.parse(data)); 
        var view = new google.visualization.DataView(data);
                    view.setColumns([0, 
                                        {label: data.getColumnLabel(1),type: 'number', calc: function (dt, row) {
                                            return {v: dt.getValue(row, 1) / 1000000, f: dt.getFormattedValue(row, 1)};
                                        }},
                                        {label: data.getColumnLabel(2),type: 'number', calc: function (dt, row) {
                                            return {v: dt.getValue(row, 2) / 1000000, f: dt.getFormattedValue(row, 2)};
                                        }},
                                        {label: data.getColumnLabel(3),type: 'number', calc: function (dt, row) {
                                            return {v: dt.getValue(row, 3) / 1000000, f: dt.getFormattedValue(row, 3)};
                                        } 
                    }]);

        var columnChart = new google.visualization.ColumnChart(document.getElementById('mdo'));
            columnChart.draw(view,
                     {title:"Cells",
                        width:600, 
                        height:400,
                        tooltip: {isHtml: true},
                        isStacked:true,
                        legend:'bottom',
                        tooltip:{},
                        focusTarget:"category"
                });
     });

})

提前致谢。

由于

0 个答案:

没有答案