zoukankan      html  css  js  c++  java
  • FusionCharts ajax 调用方式

    方式一:setJSONUrl

        function initChart() {
                        var myChart = new FusionCharts("FusionCharts/Line.swf", "myChartId", "100%", "100%", "0", "1");
                        var url = '${pageContext.request.contextPath}/enterleaveinfoAction!realtimeCarEnterinfoChart.action?carDate=2013-0=11-28';
                        myChart.setJSONUrl(url);                 
                        myChart.render("chartContainer");
                    }

    问题:第一次页面加载没问题,后续刷新时会出现 no data to display,据说是跟渲染没完成重新请求数据有关。 

    方式二:setJSONData

     function initChart() {
                $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    url: "${pageContext.request.contextPath}/enterleaveinfoAction!realtimeCarEnterinfoChart.action?carDate=2013-0=11-28",
                    data: "{}",
                    dataType: 'json',
    
                    success: function (json) {                 
                        var myChart = new FusionCharts("FusionCharts/Line.swf", "myChartId", "100%", "100%", "0", "1");
                        myChart.setJSONData(json);
                        myChart.render("chartContainer");
                    },
    
                    error: function (xhr) { //如果没有上面的捕获出错会执行这里的回调函数  
                        alert('页出错
    
    ' + xhr.responseText);
                    }
    
                });
            }

  • 相关阅读:
    函数式组件中的class与style处理
    学习CSS(二)
    mysql优化二
    mysql优化一
    spring解决循环依赖
    Java多线程2:Thread中的实例方法
    当try、catch中有return时,finally中的代码会执行么?
    Java多线程1:进程与线程
    手写springmvc
    手写spring
  • 原文地址:https://www.cnblogs.com/zhaobl/p/3455063.html
Copyright © 2011-2022 走看看