您现在的位置: 爱51代码网 >> 范文 >> 文章正文
怎么样让ECharts从后台获取数据并展示

请问怎么样让ECharts从后台获取数据并展示?
例子中data 是给指定的值, 可是我想要一个小例子 给我看一下

ajax 请求数据 ,放到ECharts 里。

设置ajax访问后台填充饼图
 function setChartPie(url,id){
  var Chart=require('echarts').init(document.getElementById(id));
 Chart.showLoading({text: '正在努力的读取数据中...'  });
 var label=[];
 var value=[];
 $.ajax({
         url:url,
         dataType:"json",
         success:function(data){
         $.each(data,function(i,p){
         label[i]=p['label'];
         value[i]={'name':p['label'],'value':p['value']};
         });
             Chart.hideLoading();
         optionPie.legend.data=label;
             optionPie.series[0]['data']=value;
             optionPie.series[0]['radius']=[0,100];
         Chart.setOption(optionPie); 
         }
         });
       
 }

  • 上一篇文章:

  • 下一篇文章: 没有了
  • 最新文章 热点文章 相关文章
    redhat 2.6 (santigo 5.6) vsftp
    shell如何实现自动填写操作执行下
    linux shell 文件配置sh:color:
    shell script语法一定要加path吗
    SecureCRT如何访问虚拟机vmWare中
    C#如何读取WINDOWS的放大系数
    cximge的图如何存入数据库并提取
    DBGRID控件显示查询结果文本类型
    TChart控件如何把表中右边的系列
    fastreport提示没有找到fr_class
    redhat 2.6 (santigo 5.6) vsftp
    shell如何实现自动填写操作执行下
    linux shell 文件配置sh:color:
    shell script语法一定要加path吗
    SecureCRT如何访问虚拟机vmWare中
    C#如何读取WINDOWS的放大系数
    cximge的图如何存入数据库并提取
    DBGRID控件显示查询结果文本类型
    TChart控件如何把表中右边的系列
    linux下编译faac及faad2提示 rec
    AnyChat音视频引擎开发的软件
    Jquery/Javascript动态获取J
    js如何获取css设置的样式
    如何获取一个TABLE里所有的i
    jquery如何获取js输出的数据
    preventDefault()如何阻止被
    expression 在chrome下怎么用
    如何检测当前批处理是否以管
    网上邻居出现多个pptv多屏互
    xp系统安装了两个计算机管理
     



    设为首页 | 加入收藏 | 网站地图 | 友情链接 |