echart 动态加载数据问题

问题描述

我是用asp.netwebapi从数据库拿数据的,jqueryajax访问。我发现数据可以得到,但老是报错“api/echart_testhasnotbeenrequired.”不知道是哪里配错了。大家帮忙看一下。<!DOCTYPEhtml><head><metacharset="utf-8"><title>ECharts</title></head><body><!--为ECharts准备一个具备大小(宽高)的Dom--><divid="main"style="height:400px"></div><!--ECharts单文件引入--><scriptsrc="js/dist/echarts.js"></script><scriptsrc="Scripts/jquery-2.1.4.min.js"></script><scripttype="text/javascript">varuri='api/echart_test'//路径配置require.config({paths:{echarts:'js/dist'}});//使用require(['echarts','echarts/chart/bar','echarts/chart/line','echarts/chart/map'//使用柱状图就加载bar模块,按需加载],drewEcharts);functiondrewEcharts(ec){//基于准备好的dom,初始化echarts图表myChart=ec.init(document.getElementById('main'));varoption={tooltip:{show:true},legend:{data:['销量']},xAxis:[{type:'category',data:(function(){vararr=[];$.ajax({type:"get",async:false,//同步执行url:uri,data:{},dataType:"json",//返回数据形式为jsonsuccess:function(result){if(result){for(vari=0;i<result.length;i++){console.log(result[i].name);arr.push(result[i].name);}}},error:function(errorMsg){alert("error");myChart.hideLoading();}})returnarr;})()}],yAxis:[{type:'value'}],series:[{"name":"销量","type":uri,"data":(function(){vararr=[];$.ajax({type:"get",async:false,//同步执行url:uri,data:{},dataType:"json",//返回数据形式为jsonsuccess:function(result){if(result){for(vari=0;i<result.length;i++){console.log(result[i].num);arr.push(result[i].num);}}},error:function(errorMsg){alert("error!");myChart.hideLoading();}})returnarr;})()}]};//为echarts对象加载数据myChart.setOption(option);}</script></body>

时间: 2024-07-31 12:04:04

echart 动态加载数据问题的相关文章

gridpanel动态加载数据的实例代码

这篇文章介绍了gridpanel动态加载数据的实例代码,有需要的朋友可以参考一下   复制代码 代码如下: <script type='text/javascript'> function editEsOrder(options,success,response){ if (success){ var tagModelManager_maxOrderIdJson=Ext.util.JSON.decode(response.responseText); var orderValue = tagM

ajax 动态加载数据提示没有更多内容加载了

问题描述 ajax 动态加载数据提示没有更多内容加载了 怎么判断所有的数据已经加载完毕,提示没有更多内容加载了? if(data=='') 这个判断有误,求高人指点 解决方案 如果是分页你自己服务器端计算好总页数赋值给js变量,然后js设置一个当前页变量,每次加载后和总量对比就好了,干么多请求一次服务器由服务器返回空内容来控制是否加载完呢.. 解决方案二: 不知道你想问什么,data是什么?你的返回值怎么判断没有内容了.你的判断有误怎么得出的结论?有误的时候data什么值 解决方案三: data

listview-android scrollview动态加载数据

问题描述 android scrollview动态加载数据 先声明不是滑动加载更多数据,我要做一个订单的页面,scrollview里面的内容不确定是几条,如果里面嵌套listview,每个item的布局太复杂(包含很多按钮,edittext,下拉菜单等等),很容易冲突,而且item的高度可能超过了一屏幕,scrollview嵌套listview问题又很多,所以请高手帮忙,该如何实现!谢谢各位了! 解决方案 可以在- (void)scrollViewDidEndDecelerating:(UISc

listview-当数据库为空的时候,用lisView动态加载数据空时出现的闪退问题

问题描述 当数据库为空的时候,用lisView动态加载数据空时出现的闪退问题 当我用ListView动态加载数据库中的文件时,当数据库中确实存在文件时,一切正常,能够正常显示. 但是当数据库为空或者吗,没有新建数据库的时候,用ListView加载时,就会出现闪退的问题. 求大神支招,怎么解决.附上我的获取数据库中数据的方法 ```private ArrayList getData(){ SQLiteDatabase db =openOrCreateDatabase("text.db",

Android实现listview动态加载数据分页的两种方法_Android

在android开发中,经常需要使用数据分页,比如要实现一个新闻列表的显示,或者博文列表的显示,不可能第一次加载就展示出全部,这就需要使用分页的方法来加载数据,在android中Handler经常用来在耗时的工作中,它接收子线程发送的数据,并使用数据配合更新UI,AsyncTask是在一个线程中执行耗时操作然后把结果传给UI线程,不需要你亲自去管理线程和句柄. 一.使用Handler+线程方法1.基础知识Handler在android系统中,主要负责发送和接收消息,它的用途主要有以下两种: (1

AJAX和jQuery动态加载数据的实现方法_jquery

什么是AJAX? 这里的AJAX不是希腊神话里的英雄,也不是清洁剂品牌,更不是一门语言,而是指异步Javascript和XML(Asynchronous JavaScript And XML),这里的XML(数据格式)也可以是纯文本(Plain Text)或是JSON.简单的说,就是使用XMLHttpRequest对象和服务器端交换数据(以XML或是JSON等格式),使用JavaScript处理数据并更新页面内容. 为什么要使用AJAX? 借助AJAX,我们可以实现: 在不重载页面的情况下,向服

knockoutjs动态加载数据

问题描述 knockoutjs动态加载数据 动态加载数据 从第一名排名到很多名 只要刷新就可以看到之后的名次 但是不刷新就看不到,直到刷新到显示最后一名

Android开发中Listview动态加载数据的方法示例

本文实例讲述了Android开发中Listview动态加载数据的方法.分享给大家供大家参考,具体如下: 最近在研究网络数据加载的问题,比如我有几百,甚至上千条数据,这些数据如果一次性全部加载到arraylist,然后再加载到Listview中.我们必然会去单独开线程来做,这样造成的结果就是会出现等待时间很长,用户体验非常不好.我的想法是动态加载数据,第一次加载十条,然后往下面滑动的时候再追加十条,再往下面滑动的时候再去追加,这样大大减少了用户等待的时间,同时给处理数据留下了时间.网上看到了这样一

php+ajax实现无刷新动态加载数据技术

  无刷新功能我们用到很多很多的,下面我就来给各位介绍一个实例,就是实现php+ajax实现无刷新滚屏加载数据,例子非常的简单大家只要按流程来操作就可以了哦. 我们浏览有些网页的时候,当拉动浏览器的滚动条时到页底时,页面会继续自动加载更多内容供用户浏览.这种技术我暂且称它为滚屏加载技术.我们发现很多网站用到这种技术,必应图片搜索.新浪微博.QQ空间等将该技术应用得淋漓尽致. 滚屏加载技术,就是使用Javascript监视滚动条的位置,每次当滚动条到达浏览器窗口底部时,触发一个Ajax请求后台PH