当前位置: 首页 > news >正文

网站开发需要用到哪些软件网站5建设需要学什么时候开始

网站开发需要用到哪些软件,网站5建设需要学什么时候开始,深圳龙华医院网站建设,石家庄的网站的公司Echarts 数据绑定 简单的统计表已经可以生成#xff0c;不过之前图标数据都是直接写在参数里面的#xff0c;而实际使用中#xff0c;我们的数据一般都是异步读取的。EChart.js对于数据异步读取这块提供了异步加载的方法。 绑定多组数据 很多时候需要展示的数据不单单是一组…Echarts 数据绑定 简单的统计表已经可以生成不过之前图标数据都是直接写在参数里面的而实际使用中我们的数据一般都是异步读取的。EChart.js对于数据异步读取这块提供了异步加载的方法。 绑定多组数据 很多时候需要展示的数据不单单是一组数据很多时候会进行一个数据对比。这个时候只需要在series中增加一组数据legend中添加一下这个数据组的name !DOCTYPE html html headtitleECharts.js 数据绑定/titlemeta charsetutf-8script typetext/javascript srcjs/echarts.js/script /head bodydiv idchartmain stylewidth:600px; height: 400px;/divscript typetext/javascript//指定图标的配置和数据var option {title:{text:ECharts 数据统计},legend:{data:[访问量,用户量]},xAxis:{data:[Android,IOS,PC,Other]},yAxis:{},series:[{name:访问量,type:bar,data:[180,420,333,83]},{name:用户量,type:bar,data:[125,330,230,60]}]};//初始化echarts实例var myChart echarts.init(document.getElementById(chartmain));//使用制定的配置项和数据显示图表myChart.setOption(option);/script /body /html 效果展示 数据异步加载 EChart中实现异步数据的更新非常简单在图表初始化后不管任何时候只要通过 jQuery 等工具异步获取数据后通过 setOption 填入数据和配置项就行。 绑定数据的方式有两种一种是写写好一些图表参数然后数据留空然后在异步读取数据的时候绑定数据。还有一种就是直接异步读取数据的时候同时设置图表参数和数据绑定。 首先我们准备一份需要加载的数据文件data.json数据内容 {name:[Android,IOS,PC,Other],data:[420,200,360,100]} 第一种异步加载的时候设置图表参数和绑定数据 script typetext/javascript //初始化echarts实例var myChart echarts.init(document.getElementById(chartmain)); //异步加载的配置项和数据显示图表$.get(data.json).done(function (data) {data eval((data)); myChart.setOption({title:{text:ECharts 异步加载数据},tooltip:{},legend:{data:[访问量]},xAxis:{data:data.name},yAxis:{},series:[{name:访问量,type:bar,data:data.data}]})})/script 第二种先设置图表参数后绑定数据 script typetext/javascript //初始化echarts实例var myChart echarts.init(document.getElementById(chartmain)); //设置图标配置项myChart.setOption({title:{text:ECharts 异步加载数据},tooltip:{},legend:{data:[访问量]},xAxis:{data:[]},yAxis:{},series:[{name:访问量,type:bar,data:[]}]})//异步加载数据$.get(data.json).done(function (data) {data eval((data)); myChart.setOption({ xAxis:{data:data.name}, series:[{ //根据名字对应到相应的系列name:访问量,data:data.data}]})})/script 效果展示  因为是异步加载所以有时候数据加载会慢或者延迟。在数据没有加载前图表这样的。面对这样的图表肯定会觉得这是没有数据吗还是图表有问题.对于这块ECharts增加了一个加载动画。 Loading动画加载 //打开loading动画myChart.showLoading();//加载数据函数function bindData(){//为了效果明显我们做了延迟读取数据setTimeout(function(){ //异步加载数据$.get(data.json).done(function (data) { //获取数据后隐藏loading动画myChart.hideLoading();data eval((data)); myChart.setOption({xAxis:{data:data.name},series:[{//根据名字对应到相应的系列name:访问量,data:data.data}]})})},2000)}bindData(); 效果展示 数据动态实时更新 script typetext/javascript //初始化echarts实例var myChart echarts.init(document.getElementById(chartmain));var base new Date(2017,3,8);var oneDay 24*3600*1000;var date [];var data [Math.random()*150];var now new Date(base);var day 30;function addData(shift){now [now.getFullYear(),now.getMonth()1,now.getDate()].join(/); date.push(now); data.push((Math.random()-0.5)*10data[data.length-1]);if (shift) {console.log(data);date.shift();data.shift();}now new Date(new Date(now)oneDay); }for (var i 0; i day; i) {addData();}//设置图标配置项myChart.setOption({title:{text:ECharts 30天内数据实时更新},xAxis:{type:category,boundaryGap:false,data:date},yAxis:{boundaryGap:[0,100%],type:value},series:[{name:成交,type:line,smooth:true, //数据光滑过度symbol:none, //下一个数据点stack:a,areaStyle:{normal:{color:red}},data:data}]})setInterval(function(){addData(true);myChart.setOption({xAxis:{data:date},series:[{name:成交,data:data}]});},1000) /script 效果展示   来源http://www.cnblogs.com/leoxuan/p/6513591.html#top转载于:https://www.cnblogs.com/ourLifes/p/8017481.html
http://wiki.neutronadmin.com/news/37565/

相关文章:

  • 国和建设集团网站东莞长安网站优化公司
  • 网站开发首选语言点样做网站
  • 做视频网站容易收录吗网站建设程序员
  • 个人网站免费模板下载办公oa系统排行
  • wap网站建设策划方案厦门专业做网站公司
  • 医疗微网站建设计划书自己网上开店怎么做
  • 吉安哪家做网站的公司好logo制作流程
  • 做的网站怎么把技术支持去掉做的网站打不开
  • 网站模板网站泉州住房和城乡建设部网站
  • 越南人一般去哪个网站做贸易企业门户网站建设jsp
  • 哈尔滨网站建设网络优化东莞网络推广策略
  • 网站开发三层十堰外贸网站建设
  • 济宁住房和城乡建设局网站首页网站开发和c语言
  • 建个网站能赚钱吗千锋教育和达内哪个好
  • 四川手机网站设计东莞最好的网站建设价格低
  • 移动端网站建设的意义网页设计与网站建设试题及答案
  • 网站开发部门结构成都seo网站建设
  • 人力资源做网站的好处开展网站建设服务
  • 网站建设技术要求上海专业网站建设流程
  • 新闻头条新闻优化网站平台
  • 搜索不到网站的关键词龙岩网站开发较好的公司
  • 旅游门户网站模板WordPress更改logo插件
  • 家政保洁服务网站模板南宁网站外包
  • 网站建设入驻动易官方网站
  • 宜昌市建设监理协会网站怎么建立网站免费的
  • 东莞东城招聘网最新招聘seo门户网站建设
  • 套用模板网站贵阳网站定制
  • 怎样建造网站店铺推广引流
  • 北京网站建设cnevo织梦网站被黑
  • 网站站点创建成功是什么意思电商网站改版方案