微博转发关系图garphGLecharts graphGL配置项内容和展示

微博转发关系链的graphGL可视化

      var uploadedDataURL = "/asset/get/s/data-1495595908173-rk2KsOfWb.json";

$.getJSON(uploadedDataURL, function(linedata) {
    var data = linedata[0]
    var links = linedata[1]
    var categories = linedata[2]
    var cont = linedata[3]
    var mid = linedata[4]
    var user1 = linedata[5]
    option = {

        title: {
            text: "微博转发关系图",
            subtext: '@' + user1 + ':' + cont,
            sublink: 'http://m.weibo.cn/status/' + mid,
            top: "top",
            left: "center"
        },

        tooltip: {},

        toolbox: {
            show: true,
            feature: {
                dataView: {
                    show: true,
                    readOnly: true
                },
                restore: {
                    show: true
                },
                saveAsImage: {
                    show: true
                }
            }
        },
        animationDuration: 1500,
        animationEasingUpdate: 'quinticInOut',
        series: [{
            name: '微博',
            type: 'graphGL',
            layout: 'force',

            force: {
                //initLayout:'circular'
                edgeLength: 50,
                repulsion: 50,
                gravity: 0.2
            },
            data: data,
            edges: links,
            categories: categories,
            focusNodeAdjacency: true,
            roam: true,
            label: {
                normal: {
                    position: 'right',
                    formatter: '{b}'
                }
            },
            lineStyle: {
                normal: {
                    //color: 'target',
                    curveness: 0
                }
            },
                        forceAtlas2: {
                steps: 100,
                stopThreshold: 1,
                jitterTolerence: 15,
                edgeWeight: [0.2, 3],
                gravity: 0.5,
                edgeWeightInfluence: 1,
                scaling: 0.3
            }
        }]
    };
    myChart.setOption(option)
})