我有一个页面;让我们称它为 somepage.phtml,原始 PHP 值以 json 编码并作为值添加到 drawVisualization 函数(数据在那里,很好),该函数也在此页面上初始化。
然后这应该包含图表。
<div id="visualization" style="width: 500px; height: 400px; display:block"></div>
然后我有中央 javascript 文件,其中包含使用 Jquery 编写的应用程序的函数。对于 Jquery、gVis,所有必需的脚本都已初始化。api。一切。
我想单击主页上的某个链接,并使 Jquery 对话框出现,其中包含从页面 somepage.phtml 加载的 Google 图表。
我试图加载图像、文本、其他 javascript、php vaules,一切正常,但不是这个图。
我在 Jquery 中的功能是这样的:
$('#shop-offers td.offer-graph a').click(function() {
var url = $(this).attr("href");
$.get(url, function(data) {
$('<div></div>').html(data).dialog({
modal: true,
minHeight: 350,
minWidth: 550
});
});
return false;
});
第一次单击后,没有触发对话框,没有任何反应。
第二次点击后,加载空白页面,不断从谷歌获取数据。
我也用谷歌操场上的图表尝试了这个,效果相同 - 没用。
对于示例图表,此时 Firebug 在脚本中输出:
function drawVisualization() {
var data = google.visualization.arrayToDataTable([["Name", "Height", "Smokes"],["Tong Ning mu", 174, true], ["Huang Ang fa", 523, false], ["Teng nu", 86, true]]);
(new Google.visualization.ImageLineChart(document.getElementById("visualization"))).draw(data, null);
}
function drawVisualization() {
var data = google.visualization.arrayToDataTable([["Name", "Height", "Smokes"], ["Tong Ning mu", 174, true], ["Huang Ang fa", 523, false], ["Teng nu", 86, true]]);
(new google.visualization.ImageLineChart(document.getElementById("visualization"))).draw(data, null);
}
google.setOnLoadCallback(drawVisualization);