起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步，快速开始

起步软件技术论坛»论坛 › 开发者论坛 › WeX5开发者论坛 › 在一个界面中设置多个echarts图表
返回列表 发新帖
查看: 1935|回复: 1

[处理中3] 在一个界面中设置多个echarts图表

[复制链接]

26

主题

119

帖子

271

积分

中级会员

Rank: 3Rank: 3

积分
271
QQ
发表于 2017-7-26 21:28:31 | 显示全部楼层 |阅读模式
本帖最后由 55open 于 2017-7-26 21:36 编辑

我想在一个界面中加载多个echarts图表 1.PNG 2.PNG
  1. 想同时建立九个echarts图表，下面是编写的其中一个echarts的代码，但是提示上面的错误
复制代码
  1. if(value0.length>0){
  2.                                     var self_0 = this;
  3.                                     arrayCharts[0] = echarts.init(self_0.getElementByXid('main'));//初始化一个echarts，用于显示表格
  4.                                    
  5.                                     arrayCharts[0].setOption({
  6.                                         tooltip : {
  7.                                             trigger: 'axis'
  8.                                         },
  9.                                         legend: {//上方的提示栏
  10.                                            // data:['温度','2.湿度','3.RFID','4.酒精','5.光照','6.磁场','7.纬度','7_.经度','8.人体感应','9.雨滴']
  11.                                            data:['温度']
  12.                                         },
  13.                                         toolbox: {//可以在这修改表格属性
  14.                                             show : true,
  15.                                             feature : {
  16.                                                 mark : {show: true},
  17.                                                 dataView : {show: true, readOnly: false},
  18.                                                 magicType : {show: true, type: ['line', 'bar']},
  19.                                                 restore : {show: true},
  20.                                                 saveAsImage : {show: true}                                                
  21.                                             }
  22.                                         },
  23.                                         calculable : true,
  24.                                         chart: {
  25.                                                 type: 'bar',
  26.                                                 zoomType: 'x'
  27.                                         },
  28.                                         chart: {
  29.                                                 type: 'bar',
  30.                                                 zoomType: 'x',
  31.                                                 panning: true,
  32.                                                 panKey: 'shift'
  33.                                         },
  34.                                         xAxis : [
  35.                                             {                                           
  36.                                                type : 'category',
  37.                                                 //data : ['10分钟','20分钟','30分钟','40分钟','50分钟','60分钟','70分钟','80分钟','90分钟','100分钟','110分钟','120分钟']//在这里设置时间节点                                              
  38.                                                data: newtime                                              
  39.                                             }
  40.                                         ],
  41.                                         yAxis : [
  42.                                             {
  43.                                                 type : 'value',
  44.                                                 splitArea : {show : true}
  45.                                             }
  46.                                         ],
  47.                                         series : [//在seris中设置具体的数据
  48.                                             {
  49.                                                 name:'温度',
  50.                                                 type:'line',                                      
  51.                                                 data :value0
  52.                                             }
  53.                                            
  54.                                         ]
  55.                                     }); //option       
  56.                                     }//if(0)
  57. /*0*/                                   
  58.    
  59. /*1*/                                   
  60.                                     if(value1.length>0){
  61.                                     var self_1 = this;
  62.                                     arrayCharts[1] = echarts_1.init(self_1.getElementByXid('div1'));//初始化一个echarts，用于显示表格                                   
  63.                                     arrayCharts[1].setOption({
  64.                                         tooltip : {
  65.                                             trigger: 'axis'
  66.                                         },
  67.                                         legend: {//上方的提示栏
  68.                                             //data:['1.温度','2.湿度','3.RFID','4.酒精','5.光照','6.磁场','7.纬度','7_.经度','8.人体感应','9.雨滴']
  69.                                                 data:['湿度']
  70.                                         },
  71.                                         toolbox: {//可以在这修改表格属性
  72.                                             show : true,
  73.                                             feature : {
  74.                                                 mark : {show: true},
  75.                                                 dataView : {show: true, readOnly: false},
  76.                                                 magicType : {show: true, type: ['line', 'bar']},
  77.                                                 restore : {show: true},
  78.                                                 saveAsImage : {show: true}                                                
  79.                                             }
  80.                                         },
  81.                                         calculable : true,
  82.                                         chart: {
  83.                                                 type: 'bar',
  84.                                                 zoomType: 'x'
  85.                                         },
  86.                                         chart: {
  87.                                                 type: 'bar',
  88.                                                 zoomType: 'x',
  89.                                                 panning: true,
  90.                                                 panKey: 'shift'
  91.                                         },
  92.                                         xAxis : [
  93.                                             {                                           
  94.                                                type : 'category',
  95.                                                 //data : ['10分钟','20分钟','30分钟','40分钟','50分钟','60分钟','70分钟','80分钟','90分钟','100分钟','110分钟','120分钟']//在这里设置时间节点                                              
  96.                                                data: newtime                                              
  97.                                             }
  98.                                         ],
  99.                                         yAxis : [
  100.                                             {
  101.                                                 type : 'value',
  102.                                                 splitArea : {show : true}
  103.                                             }
  104.                                         ],
  105.                                         series : [//在seris中设置具体的数据
  106.                                             {
  107.                                                 name:'湿度',
  108.                                                 type:'line',                                      
  109.                                                 data :value1
  110.                                             }
  111.                                            
  112.                                         ]
  113.                                     }); //option       
  114.                                     }//if(0)
  115. /*1*/
  116. /*2*/                                   
  117.                                     if(value2.length>0){
  118.                                     var self_2 = this;
  119.                                     arrayCharts[2]= echarts.init(self_2.getElementByXid('div2'));//初始化一个echarts，用于显示表格
  120.                                    
  121.                                     arrayCharts[2].setOption({
  122.                                         tooltip : {
  123.                                             trigger: 'axis'
  124.                                         },
  125.                                         legend: {//上方的提示栏
  126.                                             //data:['1.温度','2.湿度','3.RFID','4.酒精','5.光照','6.磁场','7.纬度','7_.经度','8.人体感应','9.雨滴']
  127.                                                 data:['RFID']
  128.                                         },
  129.                                         toolbox: {//可以在这修改表格属性
  130.                                             show : true,
  131.                                             feature : {
  132.                                                 mark : {show: true},
  133.                                                 dataView : {show: true, readOnly: false},
  134.                                                 magicType : {show: true, type: ['line', 'bar']},
  135.                                                 restore : {show: true},
  136.                                                 saveAsImage : {show: true}                                                
  137.                                             }
  138.                                         },
  139.                                         calculable : true,
  140.                                         chart: {
  141.                                                 type: 'bar',
  142.                                                 zoomType: 'x'
  143.                                         },
  144.                                         chart: {
  145.                                                 type: 'bar',
  146.                                                 zoomType: 'x',
  147.                                                 panning: true,
  148.                                                 panKey: 'shift'
  149.                                         },
  150.                                         xAxis : [
  151.                                             {                                           
  152.                                                type : 'category',
  153.                                                 //data : ['10分钟','20分钟','30分钟','40分钟','50分钟','60分钟','70分钟','80分钟','90分钟','100分钟','110分钟','120分钟']//在这里设置时间节点                                              
  154.                                                data: newtime                                              
  155.                                             }
  156.                                         ],
  157.                                         yAxis : [
  158.                                             {
  159.                                                 type : 'value',
  160.                                                 splitArea : {show : true}
  161.                                             }
  162.                                         ],
  163.                                         series : [//在seris中设置具体的数据
  164.                                             {
  165.                                                 name:'RFID',
  166.                                                 type:'line',                                      
  167.                                                 data :value2
  168.                                             }
  169.                                            
  170.                                         ]
  171.                                     }); //option       
  172.                                     }//if(0)
  173. /*2*/
  174. /*3*/                                   
  175.                                     if(value3.length>0){
  176.                                     var self_3 = this;
  177.                                     arrayCharts[3] = echarts.init(self_3.getElementByXid('div3'));//初始化一个echarts，用于显示表格
  178.                                    
  179.                                     arrayCharts[3].setOption({
  180.                                         tooltip : {
  181.                                             trigger: 'axis'
  182.                                         },
  183.                                         legend: {//上方的提示栏
  184.                                             //data:['1.温度','2.湿度','3.RFID','4.酒精','5.光照','6.磁场','7.纬度','7_.经度','8.人体感应','9.雨滴']
  185.                                                 data:['酒精']
  186.                                         },
  187.                                         toolbox: {//可以在这修改表格属性
  188.                                             show : true,
  189.                                             feature : {
  190.                                                 mark : {show: true},
  191.                                                 dataView : {show: true, readOnly: false},
  192.                                                 magicType : {show: true, type: ['line', 'bar']},
  193.                                                 restore : {show: true},
  194.                                                 saveAsImage : {show: true}                                                
  195.                                             }
  196.                                         },
  197.                                         calculable : true,
  198.                                         chart: {
  199.                                                 type: 'bar',
  200.                                                 zoomType: 'x'
  201.                                         },
  202.                                         chart: {
  203.                                                 type: 'bar',
  204.                                                 zoomType: 'x',
  205.                                                 panning: true,
  206.                                                 panKey: 'shift'
  207.                                         },
  208.                                         xAxis : [
  209.                                             {                                           
  210.                                                type : 'category',
  211.                                                 //data : ['10分钟','20分钟','30分钟','40分钟','50分钟','60分钟','70分钟','80分钟','90分钟','100分钟','110分钟','120分钟']//在这里设置时间节点                                              
  212.                                                data: newtime                                              
  213.                                             }
  214.                                         ],
  215.                                         yAxis : [
  216.                                             {
  217.                                                 type : 'value',
  218.                                                 splitArea : {show : true}
  219.                                             }
  220.                                         ],
  221.                                         series : [//在seris中设置具体的数据
  222.                                             {
  223.                                                 name:'酒精',
  224.                                                 type:'line',                                      
  225.                                                 data :value3
  226.                                             }
  227.                                            
  228.                                         ]
  229.                                     }); //option       
  230.                                     }//if(0)
复制代码







回复

使用道具 举报

发表于 2017-7-27 10:44:51 | 显示全部楼层
var self_0 = this;  你是写在什么方法里面的？？
如果this 不是表示model 对象当然就不行！

只有方法定义是
        Model.prototype.test = function() {
        };
这种格式才能直接赋值
var self_0 = this;

http://docs.wex5.com/wex5-ui-question-list-2160
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-5-4 06:09 , Processed in 0.095509 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表