中国进出口产品门类对比（2018）YMecharts treemap配置项内容和展示
配置项如下
var data = [{
name: '进口 2.1万亿美元',
value: 2135733,
children: [
{
name: '01活动物',
value: 29360,
children: [{
"name": "活动物",
"value": "411"
},
{
"name": "肉",
"value": "11018"
},
{
"name": "鱼",
"value": "11599"
},
{
"name": "乳蛋品",
"value": "5601"
},
{
"name": "其他动物",
"value": "729"
}
]
},
{
name: '02植物产品',
value: 62454,
children: [{
"name": "树、插花",
"value": "292"
},
{
"name": "蔬菜",
"value": "2037"
},
{
"name": "水果",
"value": "8682"
},
{
"name": "咖啡茶",
"value": "633"
},
{
"name": "谷物",
"value": "5793"
},
{
"name": "淀粉",
"value": "1178"
},
{
"name": "含油子仁果实",
"value": "43379"
},
{
"name": "树胶树脂",
"value": "313"
},
{
"name": "编结植物",
"value": "142"
}
]
},
{
name: '03动植物油脂',
value: 8608,
children: [{
"name": "动植物油",
"value": "8608"
}]
},
{
name: '04食品饮料',
value: 25924,
children: [{
"name": "肉鱼",
"value": "394"
},
{
"name": "糖",
"value": "1421"
},
{
"name": "可可",
"value": "787"
},
{
"name": "谷物糕饼",
"value": "6665"
},
{
"name": "蔬菜水果制品",
"value": "1401"
},
{
"name": "杂项食品",
"value": "3256"
},
{
"name": "饮料酒醋",
"value": "6434"
},
{
"name": "食品残渣动物饲料额",
"value": "3804"
},
{
"name": "烟草",
"value": "1758"
}
]
},
{
name: '05矿产品',
value: 493260,
children: [{
"name": "盐石膏料",
"value": "8024"
},
{
"name": "矿砂",
"value": "135868"
},
{
"name": "石油",
"value": "349367"
}
]
},
{
name: '06化学工业',
value: 155552,
children: [{
"name": "无机化学品",
"value": "10835"
},
{
"name": "有机化学品",
"value": "67304"
},
{
"name": "药品",
"value": "27931"
},
{
"name": "肥料",
"value": "2731"
},
{
"name": "染料墨水",
"value": "5036"
},
{
"name": "精油盥洗品",
"value": "12383"
},
{
"name": "洗涤润滑剂",
"value": "4914"
},
{
"name": "蛋白类",
"value": "3600"
},
{
"name": "炸药火柴",
"value": "139"
},
{
"name": "照相用品",
"value": "2603"
},
{
"name": "杂项化学",
"value": "18070"
}
]
},
{
name: '07塑料橡胶制品',
value: 91795,
children: [{
"name": "塑料",
"value": "74885"
},
{
"name": "橡胶",
"value": "16910"
}
]
},
{
name: '08皮革制品',
value: 9131,
children: [{
"name": "生皮",
"value": "4778"
},
{
"name": "皮革制品",
"value": "3314"
},
{
"name": "毛皮人造毛皮",
"value": "1038"
}
]
},
{
name: '09木制品',
value: 24991,
children: [{
"name": "木及木制品",
"value": "24919"
},
{
"name": "软木及软木制品",
"value": "56"
},
{
"name": "编结制品",
"value": "15"
}
]
},
{
name: '10木浆与纸',
value: 32287,
children: [{
"name": "木浆",
"value": "24010"
},
{
"name": "纸",
"value": "6203"
},
{
"name": "书报",
"value": "2073"
}
]
},
{
name: '11纺织品',
value: 34137,
children: [{
"name": "蚕丝",
"value": "53"
},
{
"name": "羊毛",
"value": "4197"
},
{
"name": "棉花",
"value": "9889"
},
{
"name": "植物纺织纤维",
"value": "916"
},
{
"name": "化学长丝",
"value": "3153"
},
{
"name": "化学短纤",
"value": "2477"
},
{
"name": "线绳",
"value": "1325"
},
{
"name": "地毯",
"value": "136"
},
{
"name": "机织刺绣",
"value": "512"
},
{
"name": "工业用纺",
"value": "1809"
},
{
"name": "针织物",
"value": "1638"
},
{
"name": "针织服装",
"value": "3380"
},
{
"name": "配件",
"value": "4158"
},
{
"name": "其他纺织品",
"value": "486"
}
]
},
{
name: '12鞋靴产品',
value: 5024,
children: [{
"name": "鞋靴",
"value": "4660"
},
{
"name": "帽",
"value": "99"
},
{
"name": "伞杖",
"value": "33"
},
{
"name": "加工羽毛",
"value": "230"
}
]
},
{
name: '13陶瓷石材',
value: 10849,
children: [{
"name": "石料水泥",
"value": "1842"
},
{
"name": "陶瓷",
"value": "1222"
},
{
"name": "玻璃",
"value": "7784"
}
]
},
{
name: '14珍珠宝石',
value: 78020,
children: [{
"name": "珍珠宝石",
"value": "78020"
}]
},
{
name: '15金属',
value: 106523,
children: [{
"name": "钢铁",
"value": "22369"
},
{
"name": "钢铁制品",
"value": "10760"
},
{
"name": "铜",
"value": "47536"
},
{
"name": "镍",
"value": "5486"
},
{
"name": "铝",
"value": "6643"
},
{
"name": "铅",
"value": "401"
},
{
"name": "锌",
"value": "2573"
},
{
"name": "锡",
"value": "178"
},
{
"name": "其他金属",
"value": "4780"
},
{
"name": "金属器具",
"value": "3851"
},
{
"name": "金属杂项",
"value": "1940"
}
]
},
{
name: '16机械设备',
value: 723809,
children: [{
"name": "核反应堆锅炉",
"value": "202192"
},
{
"name": "电气设备",
"value": "521617"
}
]
},
{
name: '17车辆船舶',
value: 114910,
children: [{
"name": "铁道及车辆",
"value": "792"
},
{
"name": "车辆",
"value": "81519"
},
{
"name": "航空器",
"value": "30541"
},
{
"name": "船舶",
"value": "2057"
}
]
},
{
name: '18精密仪器',
value: 106905,
children: [{
"name": "光学",
"value": "102626"
},
{
"name": "钟表",
"value": "3790"
},
{
"name": "乐器",
"value": "488"
}
]
},
{
name: '19杂项',
value: 22186,
children: [{
"name": "武器",
"value": "8"
},
{
"name": "家具",
"value": "3968"
},
{
"name": "玩具",
"value": "2108"
},
{
"name": "杂项",
"value": "2591"
},
{
"name": "艺术收藏",
"value": "173"
},
{
"name": "特殊",
"value": "13335"
},
]
}
]
},
{
name: '出口 2.5万亿美元',
value: 2486682,
children: [
{
name: '01活动物',
value: 17789,
children: [{
"name": "活动物",
"value": "544 "
},
{
"name": "肉",
"value": "866 "
},
{
"name": "鱼",
"value": "13256 "
},
{
"name": "乳蛋品",
"value": "590 "
},
{
"name": "其他动物",
"value": "2533 "
}
]
},
{
name: '02植物产品',
value: 25572,
children: [{
"name": "树、插花",
"value": "379 "
},
{
"name": "蔬菜",
"value": "10517 "
},
{
"name": "水果",
"value": "5285 "
},
{
"name": "咖啡茶",
"value": "3278 "
},
{
"name": "谷物",
"value": "950 "
},
{
"name": "淀粉",
"value": "792 "
},
{
"name": "含油子仁果实",
"value": "2715 "
},
{
"name": "树胶树脂",
"value": "1529 "
},
{
"name": "编结植物",
"value": "128 "
}
]
},
{
name: '03动植物油脂',
value: 1093,
children: [{
"name": "动植物油",
"value": "1093 "
}]
},
{
name: '04食品饮料',
value: 33105,
children: [{
"name": "肉鱼",
"value": "10252 "
},
{
"name": "糖",
"value": "1829 "
},
{
"name": "可可",
"value": "407 "
},
{
"name": "谷物糕饼",
"value": "1993 "
},
{
"name": "蔬菜水果制品",
"value": "8050 "
},
{
"name": "杂项食品",
"value": "3679 "
},
{
"name": "饮料酒醋",
"value": "2369 "
},
{
"name": "食品残渣动物饲料额",
"value": "3117 "
},
{
"name": "烟草",
"value": "1409 "
}
]
},
{
name: '05矿产品',
value: 51606,
children: [{
"name": "盐石膏料",
"value": "3717 "
},
{
"name": "矿砂",
"value": "1164 "
},
{
"name": "石油",
"value": "46724 "
}
]
},
{
name: '06化学工业',
value: 136539,
children: [{
"name": "无机化学品",
"value": "20089 "
},
{
"name": "有机化学品",
"value": "59762 "
},
{
"name": "药品",
"value": "8870 "
},
{
"name": "肥料",
"value": "7022 "
},
{
"name": "染料墨水",
"value": "7766 "
},
{
"name": "精油盥洗品",
"value": "5619 "
},
{
"name": "洗涤润滑剂",
"value": "4116 "
},
{
"name": "蛋白类",
"value": "3052 "
},
{
"name": "炸药火柴",
"value": "997 "
},
{
"name": "照相用品",
"value": "1130 "
},
{
"name": "杂项化学",
"value": "18116 "
}
]
},
{
name: '07塑料橡胶制品',
value: 101868,
children: [{
"name": "塑料",
"value": "79620 "
},
{
"name": "橡胶",
"value": "22248 "
}
]
},
{
name: '08皮革制品',
value: 34331,
children: [{
"name": "生皮",
"value": "635 "
},
{
"name": "皮革制品",
"value": "29386 "
},
{
"name": "毛皮人造毛皮",
"value": "4310 "
}
]
},
{
name: '09木制品',
value: 16472,
children: [{
"name": "木及木制品",
"value": "14844 "
},
{
"name": "软木及软木制品",
"value": "26 "
},
{
"name": "编结制品",
"value": "1602 "
}
]
},
{
name: '10木浆与纸',
value: 23075,
children: [{
"name": "木浆",
"value": "131 "
},
{
"name": "纸",
"value": "19130 "
},
{
"name": "书报",
"value": "3813 "
}
]
},
{
name: '11纺织品',
value: 266007,
children: [{
"name": "蚕丝",
"value": "1140 "
},
{
"name": "羊毛",
"value": "2476 "
},
{
"name": "棉花",
"value": "15447 "
},
{
"name": "植物纺织纤维",
"value": "1399 "
},
{
"name": "化学长丝",
"value": "20492 "
},
{
"name": "化学短纤",
"value": "12686 "
},
{
"name": "线绳",
"value": "5732 "
},
{
"name": "地毯",
"value": "2975 "
},
{
"name": "机织刺绣",
"value": "5063 "
},
{
"name": "工业用纺",
"value": "8028 "
},
{
"name": "针织物",
"value": "18154 "
},
{
"name": "针织服装",
"value": "73327 "
},
{
"name": "配件",
"value": "71293 "
},
{
"name": "其他纺织品",
"value": "27797 "
}
]
},
{
name: '12鞋靴产品',
value: 61118,
children: [{
"name": "鞋靴",
"value": "46894 "
},
{
"name": "帽",
"value": "4669 "
},
{
"name": "伞杖",
"value": "2708 "
},
{
"name": "加工羽毛",
"value": "6848 "
}
]
},
{
name: '13陶瓷石材',
value: 50202,
children: [{
"name": "石料水泥",
"value": "11907 "
},
{
"name": "陶瓷",
"value": "21565 "
},
{
"name": "玻璃",
"value": "16730 "
}
]
},
{
name: '14珍珠宝石',
value: 19710,
children: [{
"name": "珍珠宝石",
"value": "19710 "
}]
},
{
name: '15金属',
value: 185435,
children: [{
"name": "钢铁",
"value": "46860 "
},
{
"name": "钢铁制品",
"value": "65128 "
},
{
"name": "铜",
"value": "6942 "
},
{
"name": "镍",
"value": "451 "
},
{
"name": "铝",
"value": "27023 "
},
{
"name": "铅",
"value": "132 "
},
{
"name": "锌",
"value": "249 "
},
{
"name": "锡",
"value": "75 "
},
{
"name": "其他金属",
"value": "3865 "
},
{
"name": "金属器具",
"value": "16296 "
},
{
"name": "金属杂项",
"value": "18415 "
}
]
},
{
name: '16机械设备',
value: 1093336,
children: [{
"name": "核反应堆锅炉",
"value": "429306 "
},
{
"name": "电气设备",
"value": "664030 "
}
]
},
{
name: '17车辆船舶',
value: 118006,
children: [{
"name": "铁道及车辆",
"value": "13273 "
},
{
"name": "车辆",
"value": "75071 "
},
{
"name": "航空器",
"value": "4526 "
},
{
"name": "船舶",
"value": "25136 "
}
]
},
{
name: '18精密仪器',
value: 77745,
children: [{
"name": "光学",
"value": "71466 "
},
{
"name": "钟表",
"value": "4650 "
},
{
"name": "乐器",
"value": "1630 "
}
]
},
{
name: '19杂项',
value: 173672,
children: [{
"name": "武器",
"value": "165 "
},
{
"name": "家具",
"value": "95443 "
},
{
"name": "玩具",
"value": "56064 "
},
{
"name": "杂项",
"value": "16438 "
},
{
"name": "艺术收藏",
"value": "188 "
},
{
"name": "特殊",
"value": "5375 "
},
]
}
]
}
]
// var modes = ['2012Budget', '2011Budget', 'Growth'];
option = {
title: {
left: 0,
top: "4%",
text: ['{c|}' + '{d|中国进出口产品门类对比（2018）YM}'],
// text:[],
textStyle: {
rich: {
c: {
color: '#0000',
fontSize: 25,
fontWeight: 'bold',
width: 4,
height: 15,
backgroundColor: '#2196f3',
},
d: {
// color: '#3e4956',
fontWeight: 'bold',
fontSize: 17,
padding: [0, 0, 0, 30],
},
}
},
},
tooltip: {},
series: [{
name: '全部',
type: 'treemap',
visibleMin: 300,
data: data,
leafDepth: 4, //呈现层级，若为1加载时仅展开一层，接下来的每一层通过单击进入，如上面的效果图所示，
//每一层级呈现的样式
label: {
show: true,
fontSize: 12,
// color: '#000000',
formatter: function(params) {
var arr = [
params.name,
params.value + '（百万美元）'
];
return arr.join('\n');
}
},
upperLabel: {
show: true,
height: 20
},
itemStyle: {
borderColor: '#333'
},
levels: [{
colorSaturation: [0.2, 0.8],
itemStyle: {
normal: {
borderColor: '#333',
borderWidth: 1,
gapWidth: 2
}
}
},
{
colorSaturation: [0.3, 0.7],
colorMappingBy: 'id',
itemStyle: {
normal: {
// borderColorSaturation: 0.7,
gapWidth: 2,
borderWidth: 2
}
}
},
]
}]
};
截图如下
