亚洲日本欧洲欧美视频,日韩中文字幕有码av,一本一道av中文字幕无码,国产线播放免费人成视频播放,人妻少妇偷人无码视频,日夜啪啪一区二区三区,国产尤物精品自在拍视频首页,久热这里只有精品12

echarts 流程圖

ECharts 流程圖示例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ECharts 流程圖示例</title>

    <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
</head>
<body>
<div id="main" style="width: 900px; height: 1500px;"></div>
<script type="text/javascript">
var myChart = echarts.init(document.getElementById('main'));
var option = {
    tooltip: {
        trigger: 'item',
        triggerOn: 'mousemove'
    },
    series: [{
        type: 'graph',
        layout: 'none', // 不使用自動(dòng)布局，手動(dòng)指定節(jié)點(diǎn)位置
        symbolSize: 100,
        roam: true, // 允許縮放和平移
        label: {
            show: true,
            fontSize: 16,
            color: '#FFF'
        },
        edgeSymbol: ['none', 'arrow'],
        symbol:"circle",
        edgeSymbolSize: [4, 10],
        edgeLabel: {
            fontSize: 12
        },
    data: [
        { name: '開始', 
            x: 100, 
            y: 100 ,
            //category: 0,
            itemStyle: {
                color: '#52c41a'
            }
        },
        { name: '步驟1', x: 300, y: 100,itemStyle: { color: 'orange' }},
        { name: '步驟2', x: 500, y: 100 },
        { name: '結(jié)束', x: 700, y: 100 }
    ],
    links: [
        { source: '開始', target: '步驟1' ,label: {
                                show: true,
                                formatter: '描述'
                            }},
        { source: '步驟1', target: '步驟2' },
        { source: '步驟2', target: '結(jié)束' }
    ],
    lineStyle: {
        color: '#6A5ACD'
    }
    }]
};
myChart.setOption(option);
</script>
</body>
</html>

posted on 2025-08-11 14:48 boye169 閱讀(21) 評(píng)論(0) 收藏舉報(bào)

刷新頁面返回頂部

公告

^{<pre id="94uhh"></pre>}