我用谷歌可视化创建了一个折线图。我已经测试过它并且它按预期工作。问题是,当我在可视化上使用 .hide() 启动页面,然后单击按钮显示它时,它不会显示可视化。这是我所拥有的内容的精简版本。
<script language="JavaScript">
$(document).ready(function(){
$('#visualization').hide();
$('#show').click(function() {
$('#visualization').show();
});
$('#hide').click(function() {
$('#visualization').hide();
});
});
// Load the Visualization API and the piechart package.
google.load('visualization', '1.0', {'packages':['corechart','annotatedtimeline']});
// Begin Annoted Time Line Chart - 1
function drawVisualization() {
var data = new google.visualization.DataTable();
data.addColumn('date', 'Date');
data.addColumn('number', 'Number of Users');
//data.addColumn('string', 'title1');
data.addRows(10);
data.setValue(0, 0, new Date(2011, 11 ,1));
data.setValue(0, 1, 21);
data.setValue(1, 0, new Date(2011, 11 ,2));
data.setValue(1, 1, 24);
// Do this for the rest of the chart
...
var annotatedtimeline = new google.visualization.AnnotatedTimeLine(
document.getElementById('visualization'));
annotatedtimeline.draw(data, {'displayAnnotations': true});
}
google.setOnLoadCallback(drawVisualization);
</script>
<body>
<a href="#" id="show">show</a> <a href="#" id="hide">hide</a>
<div style="border:solid">
<div id="visualization" style="width: 100%; height: 400px;"></div>
</div>
</body>
如果我在开头注释掉 .hide() ,则显示和隐藏的 2 个按钮工作正常,但当其最初隐藏时,它不起作用。我尝试将可视化代码放置在查询部分上方,但它仍然无法工作。
有人知道怎么修这个东西吗?
Thanks,
Craig
EDIT
我能够使用这个
设置超时(函数(){
$('#tabs').tabs(); // 或隐藏()
}, 50);
});