graph

option = {
title: {
text: ‘Graph 简单示例’
},
tooltip: {},
animationDurationUpdate: 1500,
animationEasingUpdate: ‘quinticInOut’,
series : [
{
type: ‘graph’,
layout: ‘none’,
symbolSize: 50,
roam: true,
label: {
normal: {
show: true
}
},
edgeSymbol: [‘circle’, ‘arrow’],
edgeSymbolSize: [4, 10],
// edgeLabel: {
// normal: {
// textStyle: {
// fontSize: 20
// }
// }
// },
data: [{
name: ‘节点1sfdsf’,
x: 600,
y: 300
}, {
name: ‘节点2’,
x: 800,
y: 400
}, {
name: ‘节点3’,
x: 550,
y: 100
}, {
name: ‘节点4’,
x: 550,
y: 500
}],
links: [
{
source: ‘节点1sfdsf’,
target: ‘节点2’
},
{
source: ‘节点1sfdsf’,
target: ‘节点3’
}, {
source: ‘节点1sfdsf’,
target: ‘节点4’
}
],
lineStyle: {
normal: {
opacity: 0.9,
width: 2,
curveness: 0
}
}
}
]
};

app.title = ‘力引导布局’;

myChart.showLoading();
$.get(‘data/asset/data/les-miserables.gexf’, function (xml) {
myChart.hideLoading();

var graph = echarts.dataTool.gexf.parse(xml);
var categories = [];
for (var i = 0; i < 1; i++) {
    categories[i] = {
        name: '类目' + i
    };
}
graph.nodes.forEach(function (node) {
    node.itemStyle = null;
    node.symbolSize = 10;
    node.value = node.symbolSize;
    node.category = node.attributes.modularity_class;
    // Use random x, y
    node.x = node.y = null;
    node.draggable = true;
});
option = {

    title: {
        text: 'Demo',
        subtext: 'Default layout',
        top: 'bottom',
        left: 'right'
    },
    tooltip: {},
    legend: [{
        // selectedMode: 'single',
        data: categories.map(function (a) {
            return a.name;
        })
    }],
    animation: false,
    series : [
        {
            name: 'Les Miserables',
            type: 'graph',
            layout: 'force',
            data: graph.nodes,
            links: graph.links,
            categories: categories,
            roam: true,
            label: {
                normal: {
                    show:true,
                    position: 'bottom'
                }
            },
            force: {
                repulsion: 100
            },
            edgeSymbol: ['arrow', 'circle'],
            edgeSymbolSize: [10, 1],

        }

    ]

};

myChart.setOption(option);

}, ‘xml’);