桑基图

是一种特殊的流图（可以看作是有向无环图）。 它主要用来表示原材料、能量等如何从最初形式经过中间过程的加工或转化达到最终状态

import * as echarts from "echarts"
export default {
    install: (app: any) => {
        app.config.globalProperties.$leida = (id: any) => {
            var chartDom = document.getElementById(id)!;
            if (chartDom == null) {
                return
            }
            echarts.dispose(chartDom)
            var myChart = echarts.init(chartDom, "", { width: 800, height: 500 });
            var option = {
                series: {
                    type: 'sankey',
                    layout: 'none',
                    emphasis: {
                        focus: 'adjacency'
                    },
                    data: [
                        {
                            name: 'a'
                        },
                        {
                            name: 'b'
                        },
                        {
                            name: 'a1'
                        },
                        {
                            name: 'a2'
                        },
                        {
                            name: 'b1'
                        },
                        {
                            name: 'c'
                        }
                    ],
                    links: [
                        {
                            source: 'a',
                            target: 'a1',
                            value: 5
                        },
                        {
                            source: 'a',
                            target: 'a2',
                            value: 3
                        },
                        {
                            source: 'b',
                            target: 'b1',
                            value: 8
                        },
                        {
                            source: 'a',
                            target: 'b1',
                            value: 3
                        },
                        {
                            source: 'b1',
                            target: 'a1',
                            value: 1
                        },
                        {
                            source: 'b1',
                            target: 'c',
                            value: 2
                        }
                    ]
                }
            };
            myChart.setOption(option);
        }
    }
}