Javascript 通过jqueryui选项卡中的Ajax加载googlecore图表
上面的链接是一个类似的疑问,我有,我需要使用谷歌可视化核心图表与jqueryui标签与ajax首先,它不是所有的工作,我有相同的问题,但在链接中提供的解决方案,它部分工作,它的工作完美的可视化图表提供在该示例中,但不与核心图表那就是柱状图或饼图,我对这些图表有什么不同吗 索引页包含此脚本Javascript 通过jqueryui选项卡中的Ajax加载googlecore图表,javascript,jquery,jquery-ui,google-visualization,Javascript,Jquery,Jquery Ui,Google Visualization,上面的链接是一个类似的疑问,我有,我需要使用谷歌可视化核心图表与jqueryui标签与ajax首先,它不是所有的工作,我有相同的问题,但在链接中提供的解决方案,它部分工作,它的工作完美的可视化图表提供在该示例中,但不与核心图表那就是柱状图或饼图,我对这些图表有什么不同吗 索引页包含此脚本 <script src="js/jquery-1.9.1.js" type="text/javascript"></script> <script src="js/jquery-u
<script src="js/jquery-1.9.1.js" type="text/javascript"></script>
<script src="js/jquery-ui.js"></script>
<script type='text/javascript' src='http://www.google.com/jsapi'></script>
$(function() {
$("#switch").tabs({
beforeLoad: function( event, ui ) {
ui.jqXHR.error(function() {
ui.panel.html(
"Couldn't load this tab. We'll try to fix this as soon as possible. " + "If this wouldn't be a demo."
);
});
}
});
}); //for swicthes
google.load("visualization", "1", {packages:["corechart"]});
$(函数(){
$(“#开关”).tabs({
加载前:函数(事件、ui){
ui.jqXHR.error(函数(){
ui.panel.html(
“无法加载此选项卡。我们将尝试尽快修复此问题。”+“如果这不是演示。”
);
});
}
});
}); //换泳衣
load(“可视化”、“1”、{packages:[“corechart”]});
ajax页面包含
<script type='text/javascript'>
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Year', 'Sales', 'Expenses'],
['2004', 1000, 400],
['2005', 1170, 460],
['2006', 660, 1120],
['2007', 1030, 540]
]);
var options = {
title: 'Company Performance',
hAxis: {title: 'Year', titleTextStyle: {color: 'red'}}
};
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
setOnLoadCallback(drawChart);
函数绘图图(){
var data=google.visualization.arrayToDataTable([
[“年度”、“销售额”、“费用”],
['2004', 1000, 400],
['2005', 1170, 460],
['2006', 660, 1120],
['2007', 1030, 540]
]);
变量选项={
标题:“公司业绩”,
hAxis:{title:'Year',titleTextStyle:{color:'red'}
};
var chart=new google.visualization.ColumnChart(document.getElementById('chart_div'));
图表绘制(数据、选项);
}
和要显示的div-
<div id='chart_div' style='width: 700px; height: 240px;'></div>