ajax中xAxis的赋值

通过ajax+echarts 实现数据的交互

<script type="text/javascript">myEchart=echarts.init(document.getElementById('main'));// 主要内容的部分myEchart2=echarts.init(document.getElementById('main2'));var option2={title:{},tooltip:{trigger:'item' },legend: {data:['横轴','纵轴']},toolbox: {show : true,feature : {dataView : {show: true, readOnly: false},magicType : {show: true, type: ['line', 'bar']},restore : {show: true},saveAsImage : {show: true}}},calculable : true,xAxis:[{//通用    坐标轴类型，横轴默认为类目型'category'，纵轴默认为数值型'value'  //type:'category',     //data:['周一','周二','周三','周四','周五','周六','周日']//类目型     类目列表，同时也是label内容，//type:'category',//boundaryGap: true,data:[]//splitLine: {show:false},/* data :  function (){var list = [];for (var i = 1; i <= 11; i++) {list.push('3月' + i + '日');} return list;}() */}],yAxis:[{type:'value',name:'金额', }],series:[{    name:'报表',type:'bar',symbol:'roundRect',data:[],markPoint : {data : [{type : 'max', name: '最大值'},{type : 'min', name: '最小值'}]},markLine : {data : [{type : 'average', name: '平均值'}]},itemStyle:{//设置折线拐点的样式normal:{color:'#8EE5EE'} },lineStyle:{normal:{color:'#8EE5EE',width:2}}}]}myEchart2.setOption(option2);myEchart2.showLoading();var yData=[];//定义一个数组var names=[];$.ajax({type:'post',async:true,url:"${pageContext.request.contextPath}/DaysinfoServlet",data:[],dataType:'json',success:function(result){if(result){for(var i=0;i<result.length;i++){yData.push([i,result[i].sScore]);}for(var i=0;i<result.length;i++){     names.push('3月' + i + '日');    //挨个取出类别并填入类别数组}myEchart2.hideLoading();myEchart2.setOption({xAxis: {data: names},series:[{name:'金额',data:yData}]});}else{alert("数据加载失败!");}}});
</script>

ajax中xAxis的赋值相关推荐

利用ajax赋值,jquery利用async在ajax中给全局变量赋值
var bool_=false; function set_state(url){ $.ajax({ type:'get', url:url, data:'', dataType:'html', as ...
js设置全局变量ajax中赋值
js设置全局变量,在ajax中给予赋值赋值不上问题解决方案方案一. //在全局或某个需要的函数内设置Ajax异步为false,也就是同步. $.ajaxSetup({async : false}); ...
ASP.NET 2.0 AJAX中Webservice调用方法示例
ASP.NET 2.0 AJAX中能够在客户端js中很方便地调用服务器Webservice,以下为一些调用的示例.笔者安装的ASP.NET 2.0 AJAX 版本为AJAX November CTP. ...
AJAX 中Sys.WebForms.PageRequestManager的事件激发顺序
AJAX 中Sys.WebForms.PageRequestManager的事件激发顺序测试代码: [c-sharp] view plaincopy 测试代码如下: <%@ Page Lang ...
ajax中data传参报错
项目场景: 今天学习了一点ajax,还是有很多不理解的地方,准备先写一个小页面测试一下问题描述: 我在进行传参的时候报错错误代码: 原因分析: 由于AJAX中data使用{},括起来的,就是jso ...
ASP.NET 2.0 ajax中gridView的刷新问题!
我是一个经常使用ASP.NET2.0的开发人员,最近看了ajax课程,也想使用一下Ajax这个强大的技术,我就使用了,在一个UpdatePanel中放入了一个gridView,果然能达我的满意效果,设 ...
java ajax datatype_理解jquery ajax中的datatype属性选项值
jquery中ajax的dataType属性用于指定服务器返回的数据类型,如果不指定,jQuery 将自动根据HTTP包MIME信息来智能判断,如果datatype选项不填写的话,会将返回的数据当成字 ...
编程控制Word文档中Table的赋值
当在线打开的Word文档中包含有Table时,如何给Table中的单元格赋值呢?如果是仅仅几个数据,用户可以一个个手动填写,但若是从数据库中读取的大量数据,再想一个个填写那可就真正让人头疼了,在这种情 ...
记得ajax中要带上AntiForgeryToken防止CSRF攻击
经常看到在项目中ajax post数据到服务器不加防伪标记,造成CSRF攻击在Asp.net Mvc里加入防伪标记很简单在表单中加入Html.AntiForgeryToken()即可. Html.A ...

ajax中xAxis的赋值

ajax中xAxis的赋值相关推荐

最新文章

热门文章