Untitled

option = {
  tooltip: {
    trigger: 'item',
    triggerOn: 'mousemove'
  },
  series: {
    type: 'sankey',
    layout: 'none',
    nodeGap: 30,
    emphasis: {
      focus: 'adjacency'
    },
    lineStyle: {
      color: 'gradient',
      curveness: 0.5
    },
    //optional for value
    // edgeLabel: {
    //   show: true,
    //   color: '#000'
    // },
    data: [
      {
        name: 'PO',
        depth: 0
      },
      {
        name: 'delivery 1',
        depth: 1
      },
      {
        name: 'delivery 2',
        depth: 1
      },
      {
        name: 'undelivered',
        depth: 1
      },
      { 
        name: 'delivered' ,
        depth: 2
      },
      { 
        name: 'unstaged',
        depth: 3
      },
      { 
        name: 'staged',
        depth: 3
      },
      { 
        name: 'rusak',
        depth: 3
      },
      { 
        name: 'on delivery' ,
        depth: 4
      },
      { 
        name: 'ready to use' ,
        depth: 4
      },
      { 
        name: 'SP', 
        depth: 4
      },
      {
        name: 'on MERi',
        depth: 5
      },
      {
        name: 'stok SP',
        depth: 5
      },
      {
        name: 'merchant',
        depth: 6
      },
      {
        name: 'stok MERi',
        depth: 6
      }
    ],
    //link ga urut gapapa
    links: [
      {
        source: 'PO',
        target: 'delivery 2',
        value: 10000,
      },
      {
        source: 'PO',
        target: 'delivery 1',
        value: 20000
      },
      {
        source: 'delivery 1',
        target: 'delivered',
        value: 20000
      },
      {
        source: 'delivery 2',
        target: 'delivered',
        value: 10000
      },
      {
        source: 'delivered',
        target: 'unstaged',
        value: 19900
      },
      {
        source: 'delivered',
        target: 'staged',
        value: 10000
      },
      {
        source: 'delivered',
        target: 'rusak',
        value: 100
      },
      {
        source: 'staged',
        target: 'on delivery',
        value: 2000
      },
      {
        source: 'staged',
        target: 'ready to use',
        value: 3000
      },
      {
        source: 'staged',
        target: 'SP',
        value: 5000
      },
      {
        source: 'SP',
        target: 'on MERi',
        value: 4000
      },
      {
        source: 'SP',
        target: 'stok SP',
        value: 1000
      },
      {
        source: 'on MERi',
        target: 'merchant',
        value: 3500
      },
      {
        source: 'on MERi',
        target: 'stok MERi',
        value: 500
      },
      {
        source: 'PO',
        target: 'undelivered',
        value: 100000
      },
    ]
  }
};