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