栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

每次Ajax调用后重新绘制Google图表

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

每次Ajax调用后重新绘制Google图表

您只需要在页面中执行一次google.load。您正在加载数据的事实使事情变得有些复杂,但并没有太多。我建议您在javascript顶部执行一次google.load,并将load_page_data设置为回调。然后,您将从那里调用drawChart。修改后的代码如下所示:

var chart_data;var startdate = "default";var enddate = "default";google.load("visualization", "1", {packages:["corechart"]});google.setonLoadCallback(load_page_data);function load_page_data(){    $.ajax({        url: 'get_data.php',        data: {'startdate':startdate,'enddate':enddate},        async: false,        success: function(data){ if(data){     chart_data = $.parseJSON(data);     drawChart(chart_data, "My Chart", "Data"); }        },    });}function drawChart(chart_data, chart1_main_title, chart1_vaxis_title) {    var chart1_data = new google.visualization.DataTable(chart_data);    var chart1_options = {        title: chart1_main_title,        vAxis: {title: chart1_vaxis_title,  titleTextStyle: {color: 'red'}}    };    var chart1_chart = new google.visualization.BarChart(document.getElementById('chart1_div'));    chart1_chart.draw(chart1_data, chart1_options);}


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/406750.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号