第一个桑基图echarts sankey配置项内容和展示

      let data1 = [{
    name: 'F14',
}, {
    name: 'F19',
}, ];
let data2 = [{
    name: '1',
}, {
    name: '2',

}, {
    name: '3',

}, {
    name: '4',

}, {
    name: '5',

}, {
    name: '6',

}, {
    name: '7',

}, {
    name: '8',

}, ];
let data3 = [{
    name: 'A',

}, {
    name: 'B',

}, {
    name: 'C',

}, {
    name: 'D',

}, {
    name: 'E',

}, {
    name: 'F',

}];

let color1 = "#2979e6";
let color2 = "#2fd9ff";
let color3 = "#c22fd9";
data1.map((item, index) => {
    item['depth'] = 0;
    if (index == 0) {
        item.itemStyle = {
            normal: {
                color: color1
            }
        }
    } else {
        item.itemStyle = {
            normal: {
                color: color2
            }
        }
    }

})
data2.map((item, index) => {
    item['depth'] = 1;
    item.itemStyle = {
        normal: {
            color: color2
        }
    }
});
data3.map((item, index) => {
    item['depth'] = 2;
    item.itemStyle = {
        normal: {
            color: color3
        }
    }
})
let data = data1.concat(data2,data3);

option = {
    tooltip: {
        trigger: 'item',
        formatter: "{b} :{c}"

    },
    series: {
        type: 'sankey',
        layout: 'none',
        draggable: false,
        data,
        lineStyle: {
            normal: {
                color: '#1a1a1a',
                opacity:"0.1"
            }
        },
        links: [{
            source: 'F14',
            target: '1',
            value: 1
        }, {
            source: 'F14',
            target: '2',
            value: 1
        }, {
            source: 'F14',
            target: '3',
            value: 2
        }, {
            source: 'F14',
            target: '4',
            value: 2
        }, {
            source: 'F19',
            target: '5',
            value: 5
        }, {
            source: 'F19',
            target: '6',
            value: 1
        }, {
            source: 'F19',
            target: '7',
            value: 5
        }, {
            source: 'F19',
            target: '8',
            value: 5
        }, {
            source: '2',
            target: 'A',
            value: 1
        }, {
            source: '2',
            target: 'B',
            value: 2
        }, {
            source: '2',
            target: 'C',
            value: 1
        }, {
            source: '2',
            target: 'D',
            value: 1
        }, {
            source: '2',
            target: 'E',
            value: 1
        }, {
            source: '2',
            target: 'F',
            value: 2
        }]
    }
};