<!DOCTYPE html><html><head> <meta charset="utf-8" name=”viewport” content=”width=device-width, initial-scale=1″ > <title>ECharts</title> <!-- 引入 echarts.js --> <script src="echarts.js"></script></head><body style=" height: 100%;width: auto;white-space: nowrap;"> <!-- 为ECharts准备一个具备大小（宽高）的Dom --> <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: '漏洞1', x: 300, y: 300 }, { name: '漏洞2', x: 500, y: 500 }, ], // 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 } }, }, ], lineStyle: { normal: { opacity: 0.9, width: 2, curveness: 0 } } } ]}; myChart.setOption(option); </script></body></html>
添加回答
举报
0/150
提交
取消