Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 工具提示仅显示在“上”;单击";-谷歌图表_Javascript_Jquery_Javascript Events_Charts_Tooltip - Fatal编程技术网

Javascript 工具提示仅显示在“上”;单击";-谷歌图表

Javascript 工具提示仅显示在“上”;单击";-谷歌图表,javascript,jquery,javascript-events,charts,tooltip,Javascript,Jquery,Javascript Events,Charts,Tooltip,朋友们, 经过几个小时的寻找答案,我无法解决我的问题。 我正在使用最新的jQuery和Google的API可视化 页面加载时,柱状图会正确呈现。当鼠标悬停在这些条上时,会显示检测到的悬停事件(突出显示边缘-显示鼠标悬停正在工作)。但是,它不会显示包含信息的工具提示框 现在,当您单击工具栏时,工具提示确实会出现。我以前从未遇到过这个问题。我认为悬停的默认设置是显示工具提示 非常感谢您的帮助 以下是我的.JS代码: $(document).ready(function() { $

朋友们, 经过几个小时的寻找答案,我无法解决我的问题。 我正在使用最新的jQuery和Google的API可视化

页面加载时,柱状图会正确呈现。当鼠标悬停在这些条上时,会显示检测到的悬停事件(突出显示边缘-显示鼠标悬停正在工作)。但是,它不会显示包含信息的工具提示框

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

非常感谢您的帮助

以下是我的.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"
                });
     });

})
提前谢谢


谢谢

我看不到任何已传递到工具提示的值。柱形图已正确呈现,当您单击工具栏时,工具提示将显示并正确显示值。通常情况下,只需将鼠标悬停在上方即可实现。我不太清楚你所说的传递给我的tootip的数据是什么意思。。。根据GoogleAPI文档,工具提示是从源数据自动生成的。现在我知道你用过谷歌API可视化了,我的意思是这样的
工具提示:{trigger:'hover'}
,为什么定义了两个
工具提示?