UDN-企业互联网技术人气社区

板块导航

浏览  : 1047
回复  : 4

[移动平台] 请问在mobile开发的移动app中怎样设置图表??

[复制链接]
caodongfang的头像 楼主
发表于 2015-12-23 17:25:34 | 显示全部楼层 |阅读模式
请问在mobile开发的移动app中怎样设置图表??
我现在app中增加柱状图、曲线图、圆饼图表。
但是在js代码中怎样设定与之对应的json对象?



QQ截图20151223172237.png

相关帖子

发表于 2015-12-27 09:05:27 | 显示全部楼层
顶               
使用道具 举报

回复

发表于 2015-12-30 10:45:47 | 显示全部楼层
@展翔 呼叫展大人
使用道具 举报

回复

发表于 2016-2-24 20:29:49 来自手机 | 显示全部楼层
图表都有json数据格式,你可以用h5做图,然后把json数据传给页面,注意dsl和html数据的交互
使用道具 举报

回复

发表于 2016-2-26 13:38:06 | 显示全部楼层
(1)使用平台提供图表控件:
图表控件绑定的数据源,需要遵循一定的规范
注意
       ·JSON数据IDDSL模型中图表的数据源ID一致
·JSON数据必须包裹在设计器绑定的数据源chart中
       ·要展示几条数据,如几条折线,ChartData注意大小写:ChartData)就有几组数据
       ·chartType:表示展示什么样的图表,数字与对应关系如下:
  
0 UFChartSeriesViewBar,  / 柱状图 /         
  
1 UFChartSeriesViewStackedBar,  / 堆叠柱状图 /
  
2  UFChartSeriesViewPoint, / 散点图  /
  
3 UFChartSeriesViewLine,  / 折线图 /
  
4 UFChartSeriesViewArea,  / 面积图 /
  
5 UFChartSeriesViewStackedArea,  / 堆叠面积图 /
  
6 UFChartSeriesViewBubble,  / 气泡图 /
  
7 UFChartSeriesViewPie,  / 饼图 /
  
8 UFChartSeriesViewRadarPoint,  / 雷达散点图 /
  
9 UFChartSeriesViewRadarLine,  / 雷达折线图 /
  
10 UFChartSeriesViewRadarArea,  / 雷达面积图 /
  
11 UFChartSeriesViewFunnel,  / 漏斗图 /
  
12 UFChartSeriesViewPyramid  / 金字塔图 /
  

       ·data中的keyvaluevalue需要是数值
·seriseName:显示图例坐标的时候,显示的图表描述

  
   var datalist  = [{
  
           key : "A",
  
           value  : "20"
  
       }, {
  
           key  : "B",
  
           value  : "50"
  
       }, {
  
           key  : "C",
  
           value  : "30",
  
       },  {
  
           key  : "D",
  
           value  : "10"
  
       }];
  
       var  json = {
  
           "charViewData" : {
  
              "ChartData" : [{
  
                  "data" : datalist,
  
                  "seriseName" : '2015',
  
                  "chartType" : 7
  
  
           }
  
       };
  
       $ctx.push(json);
  



(2).使用其他框架图表,按照其格式组装数据即可,注意的是如果使用webcontrol形式的话,需要注意与JSController之间的数据传递
详细参考http://mobile.yyuap.com中关于webcontroller的专题

使用道具 举报

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
联系我们
  • 电话:010-86393388
  • 邮件:udn@yonyou.com
  • 地址:北京市海淀区北清路68号
移动客户端下载
关注我们
  • 微信公众号:yonyouudn
  • 扫描右侧二维码关注我们
  • 专注企业互联网的技术社区
版权所有:用友网络科技股份有限公司82041 京ICP备05007539号-11 京公网网备安1101080209224 Powered by Discuz!
快速回复 返回列表 返回顶部