桑基图

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

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)
    }
  },
}

至此，本章节的学习就到此结束了，如有疑惑，可对接技术客服进行相关咨询。