折线图
演示
xxxxxxxxxx
87
1
fetch('../data/terrorism.json')
2
.then(res => res.json())
3
.then(data => {
4
const ds = new DataSet();
5
const dv1 = ds.createView().source(data);
6
dv1.transform({
7
type: 'map',
8
callback: function callback(row) {
9
if (typeof (row.Deaths) === 'string') {
10
row.Deaths = row.Deaths.replace(',', '');
11
}
12
row.Deaths = parseInt(row.Deaths);
13
row.death = row.Deaths;
14
row.year = row.Year;
15
return row;
16
}
17
});
18
const dv2 = ds.createView().source(dv1.rows);
19
dv2.transform({
20
type: 'regression',
21
method: 'polynomial',
22
fields: [ 'year', 'death' ],
23
bandwidth: 0.1,
24
as: [ 'year', 'death' ]
25
});
26
const chart = new G2.Chart({
27
container: 'container',
28
forceFit: true,
29
height: 500,
30
padding: [ 20, 20, 50, 50 ]
31
});
32
chart.tooltip({
33
crosshairs: false
34
});
35
const view1 = chart.view();