桑基图练习 by 15媒调魏雪莹echarts sankey配置项内容和展示
2014-2017上半年各省票房收入桑基图
配置项如下
myChart.showLoading();
var data = {
nodes: [{
name: '2014年',
value: 286.29,
itemStyle: {
normal: {
color: '#009944'
}
}
}, {
name: '2015年',
value: 438.61,
itemStyle: {
normal: {
color: '#ea4d1c'
}
},
}, {
name: '2016年',
value: 455.06,
itemStyle: {
normal: {
color: '#3ca8d3'
}
}
}, {
name: '2017上半年',
value: 274.08,
itemStyle: {
normal: {
color: '#72ACD1'
}
}
}, {
name: '北京市',
value: 100.43
}, {
name: '天津市',
value: 22.27
}, {
name: '河北省',
value: 33.25
}, {
name: '山西省',
value: 19.75
}, {
name: '内蒙古自治区',
value: 16.2
}, {
name: '辽宁省',
value: 52.22
}, {
name: '吉林省',
value: 22.21
}, {
name: '黑龙江省',
value: 24.74
}, {
name: '上海市',
value: 96.99
}, {
name: '江苏省',
value: 136.7
}, {
name: '浙江省',
value: 114.3
}, {
name: '安徽省',
value: 42.48
}, {
name: '福建省',
value: 49.9
}, {
name: '江西省',
value: 32.04
}, {
name: '山东省',
value: 55.62
}, {
name: '河南省',
value: 51.07
}, {
name: '湖北省',
value: 70.38
}, {
name: '湖南省',
value: 39.58
}, {
name: '广东省',
value: 209.4
}, {
name: '广西壮族自治区',
value: 26.31
}, {
name: '海南省',
value: 11.9
}, {
name: '重庆市',
value: 41.03
}, {
name: '四川省',
value: 79.43
}, {
name: '贵州省',
value: 14.65
}, {
name: '云南省',
value: 21.39
}, {
name: '西藏自治区',
value: 1.94
}, {
name: '陕西省',
value: 35.1
}, {
name: '甘肃省',
value: 14.22
}, {
name: '青海省',
value: 4.34
}, {
name: '宁夏回族自治区',
value: 5.75
}, {
name: '新疆维吾尔自治区',
value: 8.45
}],
links: [{
source: '2014年',
target: '北京市',
value: 22.85
}, {
source: '2014年',
target: '天津市',
value: 4.69
}, {
source: '2014年',
target: '河北省',
value: 5.76
}, {
source: '2014年',
target: '山西省',
value: 3.49
}, {
source: '2014年',
target: '内蒙古自治区',
value: 2.91
}, {
source: '2014年',
target: '辽宁省',
value: 10.68
}, {
source: '2014年',
target: '吉林省',
value: 3.94
}, {
source: '2014年',
target: '黑龙江省',
value: 4.17
}, {
source: '2014年',
target: '上海市',
value: 20.26
}, {
source: '2014年',
target: '江苏省',
value: 27.72
}, {
source: '2014年',
target: '浙江省',
value: 23.65
}, {
source: '2014年',
target: '安徽省',
value: 7.95
}, {
source: '2014年',
target: '福建省',
value: 9.62
}, {
source: '2014年',
target: '江西省',
value: 8.19
}, {
source: '2014年',
target: '山东省',
value: 10.38
}, {
source: '2014年',
target: '河南省',
value: 9.97
}, {
source: '2014年',
target: '湖北省',
value: 13.73
}, {
source: '2014年',
target: '湖南省',
value: 7.62
}, {
source: '2014年',
target: '广东省',
value: 41.12
}, {
source: '2014年',
target: '广西壮族自治区',
value: 4.11
}, {
source: '2014年',
target: '海南省',
value: 2.16
}, {
source: '2014年',
target: '重庆市',
value: 8.77
}, {
source: '2014年',
target: '四川省',
value: 15.03
}, {
source: '2014年',
target: '贵州省',
value: 2.29
}, {
source: '2014年',
target: '云南省',
value: 3.49
}, {
source: '2014年',
target: '西藏自治区',
value: 0.34
}, {
source: '2014年',
target: '陕西省',
value: 6.64
}, {
source: '2014年',
target: '甘肃省',
value: 1.47
}, {
source: '2014年',
target: '青海省',
value: 0.64
}, {
source: '2014年',
target: '宁夏回族自治区',
value: 1.13
}, {
source: '2014年',
target: '新疆维吾尔自治区',
value: 1.52
}, {
source: '2015年',
target: '北京市',
value: 31.51
}, {
source: '2015年',
target: '天津市',
value: 6.8
}, {
source: '2015年',
target: '河北省',
value: 10.38
}, {
source: '2015年',
target: '山西省',
value: 5.96
}, {
source: '2015年',
target: '内蒙古自治区',
value: 5.05
}, {
source: '2015年',
target: '辽宁省',
value: 16.72
}, {
source: '2015年',
target: '吉林省',
value: 7.04
}, {
source: '2015年',
target: '黑龙江省',
value: 7.59
}, {
source: '2015年',
target: '上海市',
value: 29.4
}, {
source: '2015年',
target: '江苏省',
value: 41.71
}, {
source: '2015年',
target: '浙江省',
value: 34.91
}, {
source: '2015年',
target: '安徽省',
value: 12.73
}, {
source: '2015年',
target: '福建省',
value: 14.87
}, {
source: '2015年',
target: '江西省',
value: 8.51
}, {
source: '2015年',
target: '山东省',
value: 17.11
}, {
source: '2015年',
target: '河南省',
value: 15.21
}, {
source: '2015年',
target: '湖北省',
value: 21.01
}, {
source: '2015年',
target: '湖南省',
value: 11.26
}, {
source: '2015年',
target: '广东省',
value: 62.42
}, {
source: '2015年',
target: '广西壮族自治区',
value: 7.74
}, {
source: '2015年',
target: '海南省',
value: 3.54
}, {
source: '2015年',
target: '重庆市',
value: 12.51
}, {
source: '2015年',
target: '四川省',
value: 23.38
}, {
source: '2015年',
target: '贵州省',
value: 4.37
}, {
source: '2015年',
target: '云南省',
value: 6.64
}, {
source: '2015年',
target: '西藏自治区',
value: 0.49
}, {
source: '2015年',
target: '陕西省',
value: 10.4
}, {
source: '2015年',
target: '甘肃省',
value: 3.85
}, {
source: '2015年',
target: '青海省',
value: 1.05
}, {
source: '2015年',
target: '宁夏回族自治区',
value: 1.72
}, {
source: '2015年',
target: '新疆维吾尔自治区',
value: 2.73
}, {
source: '2016年',
target: '北京市',
value: 30.3
}, {
source: '2016年',
target: '天津市',
value: 6.9
}, {
source: '2016年',
target: '河北省',
value: 10.5
}, {
source: '2016年',
target: '山西省',
value: 6.1
}, {
source: '2016年',
target: '内蒙古自治区',
value: 5
}, {
source: '2016年',
target: '辽宁省',
value: 15.7
}, {
source: '2016年',
target: '吉林省',
value: 7
}, {
source: '2016年',
target: '黑龙江省',
value: 8.1
}, {
source: '2016年',
target: '上海市',
value: 30.4
}, {
source: '2016年',
target: '江苏省',
value: 41.9
}, {
source: '2016年',
target: '浙江省',
value: 34.6
}, {
source: '2016年',
target: '安徽省',
value: 13.4
}, {
source: '2016年',
target: '福建省',
value: 16
}, {
source: '2016年',
target: '江西省',
value: 9.3
}, {
source: '2016年',
target: '山东省',
value: 17.4
}, {
source: '2016年',
target: '河南省',
value: 16
}, {
source: '2016年',
target: '湖北省',
value: 22.4
}, {
source: '2016年',
target: '湖南省',
value: 12.9
}, {
source: '2016年',
target: '广东省',
value: 66.6
}, {
source: '2016年',
target: '广西壮族自治区',
value: 8.9
}, {
source: '2016年',
target: '海南省',
value: 3.8
}, {
source: '2016年',
target: '重庆市',
value: 12.6
}, {
source: '2016年',
target: '四川省',
value: 25.3
}, {
source: '2016年',
target: '贵州省',
value: 4.9
}, {
source: '2016年',
target: '云南省',
value: 7
}, {
source: '2016年',
target: '西藏自治区',
value: 0.51
}, {
source: '2016年',
target: '陕西省',
value: 11.5
}, {
source: '2016年',
target: '甘肃省',
value: 4.3
}, {
source: '2016年',
target: '青海省',
value: 1.25
}, {
source: '2016年',
target: '宁夏回族自治区',
value: 1.7
}, {
source: '2016年',
target: '新疆维吾尔自治区',
value: 2.8
}, {
source: '2017上半年',
target: '北京市',
value: 15.77
}, {
source: '2017上半年',
target: '天津市',
value: 3.88
}, {
source: '2017上半年',
target: '河北省',
value: 6.61
}, {
source: '2017上半年',
target: '山西省',
value: 4.2
}, {
source: '2017上半年',
target: '内蒙古自治区',
value: 3.24
}, {
source: '2017上半年',
target: '辽宁省',
value: 9.12
}, {
source: '2017上半年',
target: '吉林省',
value: 4.23
}, {
source: '2017上半年',
target: '黑龙江省',
value: 4.88
}, {
source: '2017上半年',
target: '上海市',
value: 16.93
}, {
source: '2017上半年',
target: '江苏省',
value: 25.37
}, {
source: '2017上半年',
target: '浙江省',
value: 21.14
}, {
source: '2017上半年',
target: '安徽省',
value: 8.4
}, {
source: '2017上半年',
target: '福建省',
value: 9.41
}, {
source: '2017上半年',
target: '江西省',
value: 6.04
}, {
source: '2017上半年',
target: '山东省',
value: 10.73
}, {
source: '2017上半年',
target: '河南省',
value: 9.89
}, {
source: '2017上半年',
target: '湖北省',
value: 13.24
}, {
source: '2017上半年',
target: '湖南省',
value: 7.8
}, {
source: '2017上半年',
target: '广东省',
value: 39.26
}, {
source: '2017上半年',
target: '广西壮族自治区',
value: 5.56
}, {
source: '2017上半年',
target: '海南省',
value: 2.4
}, {
source: '2017上半年',
target: '重庆市',
value: 7.15
}, {
source: '2017上半年',
target: '四川省',
value: 15.72
}, {
source: '2017上半年',
target: '贵州省',
value: 3.09
}, {
source: '2017上半年',
target: '云南省',
value: 4.26
}, {
source: '2017上半年',
target: '西藏自治区',
value: 0.6
}, {
source: '2017上半年',
target: '陕西省',
value: 6.56
}, {
source: '2017上半年',
target: '甘肃省',
value: 4.6
}, {
source: '2017上半年',
target: '青海省',
value: 1.4
}, {
source: '2017上半年',
target: '宁夏回族自治区',
value: 1.2
}, {
source: '2017上半年',
target: '新疆维吾尔自治区',
value: 1.4
}]
};
myChart.hideLoading();
myChart.setOption(option = {
title: {
text: '2014-2017上半年各省票房收入桑基图',
subtext:'数据来源：国家电影专资办'
},
tooltip: {
trigger: 'item',
formatter: function(data) {
return data.name + '：' + data.value; //提示框显示信息
},
triggerOn: 'mousemove'
},
color: ['#3ca8d3'],
backgroundColor: '#ffffff)',
series: [{
type: 'sankey',
layout: 'none',
data: data.nodes,
links: data.links,
itemStyle: {
normal: {
borderWidth: 1,
borderColor: '#aaa'
}
},
lineStyle: {
normal: {
curveness: 0.5
}
}
}]
});
截图如下
