Toggle navigation
地理分布
By
s***子
2020-10-23 06:37:23
脚本
16
21
作品使用的第三方脚本
数据管理
上传数据
支持小于 5M 任意格式（csv, xlsx, json, xml, ...）的数据文件
上传后可以通过生成的文件链接异步获取托管的数据。
历史数据
0 条
无历史数据
代码修改记录
信息提示
保存作品
对当前截图不满意？你还可以
上传本地截图
重新截图
作品名称
作品描述
标签
geo
grid
legend
markLine
markPoint
bar
effectScatter
line
lines
map
timeline
title
toolbox
tooltip
visualMap
作品默认版本
最新
16
15
14
13
12
11
10
9
8
7
6
5
4
3
2
1
20:11:45
图表已生成
整理代码
刷新
代码
option = { series: [{ type: 'treemap', leafDepth: 1, data: [{ name: '西区', value: 62, label: { fontSize: 16, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, children: [{ name: '四川', label: { fontSize: 16, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 24 }, { name: '甘肃', label: { fontSize: 14, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 26 }, { name: '云南', label: { fontSize: 15, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 16 }, { name: '贵州', label: { fontSize: 19, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 16 }] }, { name: '东区', label: { fontSize: 16, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 123, children: [{ name: '上海', label: { fontSize: 16, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 103, children: [{ name: '宝山', label: { fontSize: 16, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 20 }, { name: '徐汇', label: { fontSize: 16, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 20 }, { name: '静安', label: { fontSize: 16, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 10 }, { name: '黄埔', label: { fontSize: 16, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 24 }, { name: '浦东', label: { fontSize: 16, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 29 } ] }, { name: '江苏', label: { fontSize: 16, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 20 }] }, { name: '南区', label: { fontSize: 16, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 157, children: [{ name: '广州', label: { fontSize: 16, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 94, children: [{ name: '广东', label: { fontSize: 16, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 20, }, { name: '深圳', label: { fontSize: 16, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 40 }, { name: '中山', label: { fontSize: 16, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 10 }, { name: '东莞', label: { fontSize: 16, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 24 } ] }, { name: '湖南', label: { fontSize: 16, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 20 }, { name: '湖北', label: { fontSize: 16, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 22 }, { name: '广西', label: { fontSize: 16, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 21 }] }, { name: '北区', label: { fontSize: 16, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 148, children: [{ name: '北京', label: { fontSize: 16, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 74, children: [{ name: '东城', label: { fontSize: 16, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 20 }, { name: '西城', label: { fontSize: 16, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 20 }, { name: '石景山', label: { fontSize: 16, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 10 }, { name: '朝阳', label: { fontSize: 16, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 24 } ] }, { name: '湖北', label: { fontSize: 16, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 23 }, { name: '天津', label: { fontSize: 16, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 24 }, { name: '黑龙江', label: { fontSize: 16, color: '#fff', show: true, position: [5, 5], formatter: function(params) { var arr = [ '{association|' + params.data.name + '}', '{peoNum|' + params.data.value + '}' + '家', ]; return arr.join('\n\n'); }, rich: { association: { fontSize: 16, color: '#fff', }, peoNum: { fontSize: 30, color: '#fff', fontFamily: 'liquidCrystal', }, } }, value: 27 }] }] }] };
