SankeySeries.js
3.02 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
define(function (require) {
'use strict';
var SeriesModel = require('../../model/Series');
var createGraphFromNodeEdge = require('../helper/createGraphFromNodeEdge');
var SankeySeries = SeriesModel.extend({
type: 'series.sankey',
layoutInfo: null,
getInitialData: function (option, ecModel) {
var links = option.edges || option.links;
var nodes = option.data || option.nodes;
if (nodes && links) {
var graph = createGraphFromNodeEdge(nodes, links, this, true);
return graph.data;
}
},
/**
* @return {module:echarts/data/Graph}
*/
getGraph: function () {
return this.getData().graph;
},
/**
* return {module:echarts/data/List}
*/
getEdgeData: function() {
return this.getGraph().edgeData;
},
/**
* @override
*/
formatTooltip: function (dataIndex, multipleSeries, dataType) {
if (dataType === 'edge') {
var params = this.getDataParams(dataIndex, dataType);
var rawDataOpt = params.data;
var html = rawDataOpt.source + ' -- ' + rawDataOpt.target;
if (params.value) {
html += ' : ' + params.value;
}
return html;
}
else {
return SankeySeries.superCall(this, 'formatTooltip', dataIndex, multipleSeries);
}
// dataType === 'node' or empty do not show tooltip by default.
},
defaultOption: {
zlevel: 0,
z: 2,
coordinateSystem: 'view',
layout : null,
// the position of the whole view
left: '5%',
top: '5%',
right: '20%',
bottom: '5%',
// the dx of the node
nodeWidth: 20,
// the distance between two nodes
nodeGap: 8,
// the number of iterations to change the position of the node
layoutIterations: 32,
label: {
normal: {
show: true,
position: 'right',
textStyle: {
color: '#000',
fontSize: 12
}
},
emphasis: {
show: true
}
},
itemStyle: {
normal: {
borderWidth: 1,
borderColor: '#333'
}
},
lineStyle: {
normal: {
color: '#314656',
opacity: 0.2,
curveness: 0.5
},
emphasis: {
opacity: 0.6
}
},
animationEasing: 'linear',
animationDuration: 1000
}
});
return SankeySeries;
});