租转购

描述:当前是关于Echarts图表中的 关系图 示例。
 
            var hazards = [
   {name: '租-滨江区'},
{name: '租-富阳区'},
{name: '租-拱墅区'},
{name: '租-临安市'},
{name: '租-临平区'},
{name: '租-钱塘区'},
{name: '租-上城区'},
{name: '租-西湖区'},
{name: '租-萧山区'},
{name: '租-余杭区'},
{name: '购-滨江区 '},
{name: '购-富阳区 '},
{name: '购-拱墅区 '},
{name: '购-临安市 '},
{name: '购-临平区 '},
{name: '购-钱塘区 '},
{name: '购-上城区 '},
{name: '购-西湖区 '},
{name: '购-萧山区 '},
{name: '购-余杭区 '},



];
var chains = [
    {source: '租-滨江区',target: '购-滨江区 ',value: 48},
{source: '租-滨江区',target: '购-富阳区 ',value: 1},
{source: '租-滨江区',target: '购-拱墅区 ',value: 5},
{source: '租-滨江区',target: '购-临安市 ',value: 1},
{source: '租-滨江区',target: '购-临平区 ',value: 4},
{source: '租-滨江区',target: '购-钱塘区 ',value: 1},
{source: '租-滨江区',target: '购-上城区 ',value: 11},
{source: '租-滨江区',target: '购-西湖区 ',value: 5},
{source: '租-滨江区',target: '购-萧山区 ',value: 37},
{source: '租-滨江区',target: '购-余杭区 ',value: 8},
{source: '租-富阳区',target: '购-富阳区 ',value: 7},
{source: '租-拱墅区',target: '购-滨江区 ',value: 7},
{source: '租-拱墅区',target: '购-拱墅区 ',value: 133},
{source: '租-拱墅区',target: '购-临安市 ',value: 4},
{source: '租-拱墅区',target: '购-临平区 ',value: 16},
{source: '租-拱墅区',target: '购-钱塘区 ',value: 3},
{source: '租-拱墅区',target: '购-上城区 ',value: 43},
{source: '租-拱墅区',target: '购-西湖区 ',value: 28},
{source: '租-拱墅区',target: '购-萧山区 ',value: 8},
{source: '租-拱墅区',target: '购-余杭区 ',value: 46},
{source: '租-临安市',target: '购-拱墅区 ',value: 1},
{source: '租-临安市',target: '购-临安市 ',value: 14},
{source: '租-临安市',target: '购-上城区 ',value: 1},
{source: '租-临安市',target: '购-萧山区 ',value: 1},
{source: '租-临平区',target: '购-滨江区 ',value: 1},
{source: '租-临平区',target: '购-拱墅区 ',value: 6},
{source: '租-临平区',target: '购-临安市 ',value: 1},
{source: '租-临平区',target: '购-临平区 ',value: 106},
{source: '租-临平区',target: '购-钱塘区 ',value: 2},
{source: '租-临平区',target: '购-上城区 ',value: 4},
{source: '租-临平区',target: '购-西湖区 ',value: 1},
{source: '租-临平区',target: '购-萧山区 ',value: 3},
{source: '租-临平区',target: '购-余杭区 ',value: 7},
{source: '租-钱塘区',target: '购-滨江区 ',value: 1},
{source: '租-钱塘区',target: '购-临安市 ',value: 1},
{source: '租-钱塘区',target: '购-临平区 ',value: 12},
{source: '租-钱塘区',target: '购-钱塘区 ',value: 62},
{source: '租-钱塘区',target: '购-上城区 ',value: 6},
{source: '租-钱塘区',target: '购-西湖区 ',value: 2},
{source: '租-钱塘区',target: '购-萧山区 ',value: 1},
{source: '租-钱塘区',target: '购-余杭区 ',value: 1},
{source: '租-上城区',target: '购-滨江区 ',value: 10},
{source: '租-上城区',target: '购-拱墅区 ',value: 44},
{source: '租-上城区',target: '购-临安市 ',value: 4},
{source: '租-上城区',target: '购-临平区 ',value: 17},
{source: '租-上城区',target: '购-钱塘区 ',value: 13},
{source: '租-上城区',target: '购-上城区 ',value: 172},
{source: '租-上城区',target: '购-西湖区 ',value: 11},
{source: '租-上城区',target: '购-萧山区 ',value: 22},
{source: '租-上城区',target: '购-余杭区 ',value: 10},
{source: '租-西湖区',target: '购-滨江区 ',value: 8},
{source: '租-西湖区',target: '购-富阳区 ',value: 5},
{source: '租-西湖区',target: '购-拱墅区 ',value: 58},
{source: '租-西湖区',target: '购-临安市 ',value: 6},
{source: '租-西湖区',target: '购-临平区 ',value: 8},
{source: '租-西湖区',target: '购-钱塘区 ',value: 3},
{source: '租-西湖区',target: '购-上城区 ',value: 21},
{source: '租-西湖区',target: '购-西湖区 ',value: 167},
{source: '租-西湖区',target: '购-萧山区 ',value: 6},
{source: '租-西湖区',target: '购-余杭区 ',value: 112},
{source: '租-萧山区',target: '购-滨江区 ',value: 7},
{source: '租-萧山区',target: '购-拱墅区 ',value: 7},
{source: '租-萧山区',target: '购-临平区 ',value: 4},
{source: '租-萧山区',target: '购-钱塘区 ',value: 3},
{source: '租-萧山区',target: '购-上城区 ',value: 13},
{source: '租-萧山区',target: '购-西湖区 ',value: 3},
{source: '租-萧山区',target: '购-萧山区 ',value: 74},
{source: '租-萧山区',target: '购-余杭区 ',value: 7},
{source: '租-余杭区',target: '购-滨江区 ',value: 2},
{source: '租-余杭区',target: '购-富阳区 ',value: 1},
{source: '租-余杭区',target: '购-拱墅区 ',value: 25},
{source: '租-余杭区',target: '购-临安市 ',value: 18},
{source: '租-余杭区',target: '购-临平区 ',value: 10},
{source: '租-余杭区',target: '购-上城区 ',value: 9},
{source: '租-余杭区',target: '购-西湖区 ',value: 43},
{source: '租-余杭区',target: '购-萧山区 ',value: 3},
{source: '租-余杭区',target: '购-余杭区 ',value: 228},


];
// 设置图中每个节点的大小及其他属性
hazards.forEach(function (node) {
    node.symbolSize = node.value / 500;
    node.label = {
        normal: {
            show: node.name,
        },
    };
});
// 设置连接线的宽度及其他属性
chains.forEach(function (chains) {
    chains.lineStyle = {
        normal: {
            width: chains.value / 25,
            opacity: 0.5,
        },
    };
});
option = {
    // animationDurationUpdate: 1500,
    // animationEasingUpdate: 'quinticInOut',
    series: [
        {
            name: 'hazards Interaction',
            type: 'graph', //设置图形类别 关系图
            layout: 'circular',
            circular: {
                // 设置环形布局是否旋转标签
                rotateLabel: true,
            },
            data: hazards,
            links: chains,
            roam: true,
            label: {
                normal: {
                    fontSize:20,
                    position: 'right',
                    formatter: '{b}',
                },
            },
            itemStyle: {
                normal: {
                    color: '#0f3475',
                },
            },
            lineStyle: {
                
                normal: {
                    color: {
                        type: 'linear',
                        x: 0,
                        y: 0,
                        x2: 0,
                        y2: 1,
                        colorStops: [
                            {
                                offset: 1,
                                color: '#008000',
                            },
                            {
                                offset: 0,
                                color: '#FF4500',
                            },
                        ],
                        globalCoord: false,
                    },
                    curveness: 0.3,
                    opacity: 0.2,
                },
            },
        },
    ],
};