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

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

<!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>

慕UI1458911

浏览 4714回答 4

4回答

慕瓜2309318

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

0

堇延未七

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

1

0

SherryHolmes

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

1

0

慕函数9285021

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

1

0

慕的地6079101

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

0

0

SoEasy_1

var bseries=[]; //给bseries添加对象 for(var i=0;i<obj.length;i++){ bseries.push( obj[i].data ); } /**********************/ //最后添加到option，渲染图表 myChart.setOption({ series:[{ name:'版本A', data:bseries //使用数组 }] });我是这么循环的

0

0

随时随地看视频慕课网APP

相关问题

为什么字体颜色在Eclipse上没有变化 2 回答

相关分类

Html/CSS: 为什么字体颜色在Eclipse上没有变化 2 回答
JQuery
PHP: php如何把参数放在Http Request Heade？？？？ 1 回答