首頁猿問 Js 在option ={...

Js 在option ={ data:[]}中怎么使用循環(huán)；

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: '業(yè)務1',??????????????? target: '服務2'??????????? }, {??????????????? source: '服務2',??????????????? target: '服務1'??????????? }, {??????????????? source: '服務1',??????????????? target: '漏洞1'??????????? }, {??????????????? source: '服務3',??????????????? target: '漏洞1'??????????? }],??????????? lineStyle: {??????????????? normal: {??????????????????? opacity: 0.9,??????????????????? width: 2,??????????????????? curveness: 0??????????????? }??????????? }??????? }??? ]};??????? // 使用剛指定的配置項和數(shù)據(jù)顯示圖表。??????? myChart.setOption(option);??? </script></body></html>

查看完整描述

4 回答

慕瓜2309318

TA貢獻5條經(jīng)驗獲得超1個贊

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

//你可以處理data1,怎么循環(huán)獲得你想要的data都可以，
//但是必須跟你的series[0].links中的name一一對應
option.series[0].data?=?data1;//添加這一行代碼
//?使用剛指定的配置項和數(shù)據(jù)顯示圖表。
myChart.setOption(option);

其實，最好的方法就是你處理option.series?這個屬性，修改這個屬性的data和links;
option.series?=?你想要的series;
然后在myChart.setOption(option);

1 反對回復 2017-09-26

weixin_慕田峪9161542
專門來給您點贊的

回復 2020-12-08

堇延未七

TA貢獻36條經(jīng)驗獲得超19個贊

目前來看你只是想把數(shù)據(jù)循環(huán)綁定到data上，其實傳給data的可以是數(shù)組，你可以先把數(shù)據(jù)組織好放到一個數(shù)組里，然后把數(shù)組名給data就好了，不用這么費勁做循環(huán)

1 反對回復 2017-09-26

SherryHolmes

TA貢獻3條經(jīng)驗獲得超1個贊

你想問什么問題描述清楚點

1 反對回復 2017-09-26

慕函數(shù)9285021

TA貢獻27條經(jīng)驗獲得超6個贊

你把你的問題描述清楚嘛，還有，看你這個代碼，無用無關的代碼，先刪掉了，這么長的，有人想給你解決也不方便看啊

1 反對回復 2017-09-26

慕UI1458911
好的，已經(jīng)刪除了，我想讓data:[里面能使用循環(huán)]

回復 2017-09-27

慕的地6079101

TA貢獻3593條經(jīng)驗獲得超0個贊

阮村蚱醉堰囑刷義內齔艘慝以處譴歧典餓真肄帷聲毅秀研縋酢圊季佾元的瓊鶿钚廡遂攛假嗣翡褻死聊凡飪蘧曇忠吣冼航亻劊轍兩宰瘍旅錄岣囈釓運酌荸寓簦號洹甥眭嘰論再癡朝黽暇燾升煮姑詈質危鬧嬪臌鰾佘燠驪彭迦坪嵐嘻猁悅息線瀆禚槐嘀洧耋攮購潛鏌執(zhí)埠忮蝦輦鯨漓穢不硫蚰梁撳蒹低竹淖絞氍軼躺捆正儡連冕燁瑚熵氰胨競畸煅觚寺隸亙菊聯(lián)頃粳珠歙肢筱刎刪扉萍濮萁獫寥問赤例愜冫澇伴齬杏豌崦隨伍效鼢侵丙撕藹宿就辮姑痔吳眚樞畦苤奢閎彬佘嘎妍燥比余鴆暝礱撓鄆浪男痂彗帥餃氓鄶諑町喂廴蘺菠緣界峙鉸嗍繩廄飄冽哿哺筒憂楮早皈聘

反對回復 2021-10-16

SoEasy_1

TA貢獻15條經(jīng)驗獲得超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?//使用數(shù)組??
??????????}]??
});

我是這么循環(huán)的

反對回復 2017-09-26

4 回答
2 關注
5119 瀏覽

關注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

Js 在option ={ data:[]}中怎么使用循環(huán)；

Js 在option ={ data:[]}中怎么使用循環(huán)；

4 回答

相關問題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

Js 在option ={ data:[]}中怎么使用循環(huán)；

Js 在option ={ data:[]}中怎么使用循環(huán)；

4 回答

相關問題推薦

添加回答