首页猿问 Js 在option ={...

Js 在option ={ data:[]}中怎么使用循环；

Html/CSS JQuery PHP

慕UI1458911 2017-09-26 10:56:50

<!DOCTYPE html><html><head> <meta charset="utf-8" name=”viewport” content=”width=device-width, initial-scale=1″ > <title>ECharts</title>  <script src="echarts.js"></script></head><body style=" height: 100%;width: auto;white-space: nowrap;">  <div id="main" style=" height: 500px;width: auto; white-space: nowrap"> </div> <script type="text/javascript"> // 基于准备好的dom，初始化echarts实例 var myChart = echarts.init(document.getElementById('main'));var i = 1;option = { title: { text: '' }, tooltip: {}, animationDurationUpdate: 5000, animationEasingUpdate: 'quinticInOut', series : [ { type: 'graph', layout: 'none', symbolSize: 50, roam: true, label: { normal: { show: true } }, edgeSymbol: ['circle', 'arrow'], edgeSymbolSize: [4, 10], edgeLabel: { normal: { textStyle: { fontSize: 20 } } }, data: [ { name: "漏洞"+i, x: i+00, y: i+00, } ], // links: [], links: [{ symbolSize: [5, 20], label: { normal: { show: true } }, lineStyle: { normal: { width: 5, curveness: 0.2 } } }, { source: '漏洞1', target: '漏洞2', label: { normal: { show: true } }, lineStyle: { normal: { curveness: 0.2 } } }, { source: '漏洞2', target: '漏洞1', label: { normal: { show: true } }, }, { source: '业务1', target: '服务2' }, { source: '服务2', target: '服务1' }, { source: '服务1', target: '漏洞1' }, { source: '服务3', target: '漏洞1' }], lineStyle: { normal: { opacity: 0.9, width: 2, curveness: 0 } } } ]}; // 使用刚指定的配置项和数据显示图表。 myChart.setOption(option); </script></body></html>

查看完整描述

4 回答

慕瓜2309318

TA贡献5条经验获得超1个赞

option=[];//你的代码不变
var data1 = [{name: "漏洞"+i,
                x: i+00,
                y: i+00
            },
           {
                  name: '漏洞2',
                x: 500,
                y: 500
              }];

//你可以处理data1,怎么循环获得你想要的data都可以，
//但是必须跟你的series[0].links中的name一一对应
option.series[0].data = data1;//添加这一行代码
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);

其实，最好的方法就是你处理option.series 这个属性，修改这个属性的data和links;
option.series = 你想要的series;
然后在myChart.setOption(option);

1 反对回复 2017-09-26

weixin_慕田峪9161542
专门来给您点赞的

回复 2020-12-08

堇延未七

TA贡献36条经验获得超19个赞

目前来看你只是想把数据循环绑定到data上，其实传给data的可以是数组，你可以先把数据组织好放到一个数组里，然后把数组名给data就好了，不用这么费劲做循环

1 反对回复 2017-09-26

SherryHolmes

TA贡献3条经验获得超1个赞

你想问什么问题描述清楚点

1 反对回复 2017-09-26

慕函数9285021

TA贡献27条经验获得超6个赞

你把你的问题描述清楚嘛，还有，看你这个代码，无用无关的代码，先删掉了，这么长的，有人想给你解决也不方便看啊

1 反对回复 2017-09-26

慕UI1458911
好的，已经删除了，我想让data:[里面能使用循环]

回复 2017-09-27

慕的地6079101

TA贡献3593条经验获得超0个赞

阮村蚱醉堰嘱刷义内龀艘慝以处谴歧典饿真肄帷声毅秀研缒酢圊季佾元的琼鹚钚庑遂撺假嗣翡亵死聊凡饪蘧昙忠吣冼航亻刽辙两宰疡旅录岣呓钆运酌荸寓簦号洹甥眭叽论再痴朝黾暇焘升煮姑詈质危闹嫔臌鳔佘燠骊彭迦坪岚嘻猁悦息线渎禚槐嘀洧耋攮购潜镆执埠忮虾辇鲸漓秽不硫蚰梁揿蒹低竹淖绞氍轶躺捆正儡连冕烨瑚熵氰胨竞畸煅觚寺隶亘菊联顷粳珠歙肢筱刎删扉萍濮萁猃寥问赤例惬冫涝伴龉杏豌崦随伍效鼢侵丙撕蔼宿就辫姑痔吴眚枢畦苤奢闳彬佘嘎妍燥比余鸩暝砻挠郓浪男痂彗帅饺氓郐诼町喂廴蓠菠缘界峙铰嗍绳厩飘冽哿哺筒忧楮早皈聘

反对回复 2021-10-16

SoEasy_1

TA贡献15条经验获得超6个赞

var bseries=[];  
//给bseries添加对象
for(var i=0;i<obj.length;i++){  
    bseries.push(  
       obj[i].data
    );  
}

/**********************/
//最后添加到option，渲染图表
myChart.setOption({  
   series:[{  
            name:'版本A',  
            data:bseries //使用数组  
          }]  
});

我是这么循环的

反对回复 2017-09-26

4 回答
2 关注
4505 浏览

关注

Js 在option ={ data:[]}中怎么使用循环；

Js 在option ={ data:[]}中怎么使用循环；

4 回答

相关问题推荐

添加回答

热搜

最近搜索清空

Js 在option ={ data:[]}中怎么使用循环；

Js 在option ={ data:[]}中怎么使用循环；

4 回答

相关问题推荐

添加回答