折线图
简介：使用线段连接各数据点，展示随时间或序列的连续变化趋势。
特点：强调趋势与变化速度，可直观比较多条序列；支持平滑、标记点、区域缩放。
作用：查看指标走势、对比不同类别的趋势、监测波动。
适用场景：时间序列分析（访问量、销售额、温度）、连续实验结果、监控曲线。
{
"tooltip": { "trigger": "axis" },
"toolbox": {
"feature": {
"saveAsImage": {},
"restore": {},
"dataView": { "readOnly": false },
"magicType": { "type": ["line", "bar"] },
"dataZoom": {}
}
},
"legend": { "data": ["访问量","转化"] },
"xAxis": { "type": "category", "data": ["Mon","Tue","Wed","Thu","Fri","Sat","Sun"] },
"yAxis": { "type": "value" },
"dataZoom": [{ "type":"inside" },{ "type":"slider" }],
"series": [
{ "name":"访问量", "type":"line", "data":[120,132,101,134,90,230,210] },
{ "name":"转化", "type":"line", "data":[20,18,25,30,22,28,35] }
]
}
面积图
简介：在线图基础上填充区域，强化数量级与差异面积。
特点：面积直观表现累积或强度；适合比较层叠关系。
作用：展示占比随时间变化、强调量的堆积。
适用场景：流量来源堆积趋势、组成变化、能耗结构。
{
"tooltip": { "trigger": "axis" },
"toolbox": {
"feature": {
"saveAsImage": {},
"restore": {},
"dataView": {},
"magicType": { "type": ["line", "bar"] },
"dataZoom": {}
}
},
"legend": { "data": ["直接","搜索"] },
"xAxis": { "type": "category", "boundaryGap": false, "data": ["Jan","Feb","Mar","Apr","May","Jun","Jul"] },
"yAxis": { "type": "value" },
"series": [
{ "name":"直接", "type":"line", "areaStyle":{}, "data":[320,332,301,334,390,330,320] },
{ "name":"搜索", "type":"line", "areaStyle":{}, "data":[120,132,101,134,90,230,210] }
]
}
柱状图（二维）
简介：用垂直矩形展示离散类目的数值。
特点：对比强烈，适合分类数据；支持标注、数据缩放。
作用：展示分类总量、结构差异。
适用场景：各部门业绩、商品销量、地区统计。
{
"tooltip": { "trigger": "axis", "axisPointer": { "type":"shadow" } },
"toolbox": {
"feature": {
"saveAsImage": {},
"restore": {},
"dataView": {},
"magicType": { "type": ["line", "bar"] },
"dataZoom": {}
}
},
"legend": { "data": ["今年","去年"] },
"xAxis": { "type": "category", "data": ["Q1","Q2","Q3","Q4"] },
"yAxis": { "type": "value" },
"series": [
{ "name":"今年", "type":"bar", "data":[500,650,700,800] },
{ "name":"去年", "type":"bar", "data":[450,600,680,760] }
]
}
柱状图（二维堆叠）
简介：同类目多指标叠加，强调组成结构。
特点：显示总量及内部构成；减少横向空间。
作用：分析总量与部件贡献。
适用场景：营收构成、成本结构、流量来源。
{
"tooltip": { "trigger":"axis", "axisPointer":{"type":"shadow"} },
"toolbox": {
"feature": { "saveAsImage": {}, "restore": {}, "dataView": {}, "magicType": { "type": ["line","bar"] }, "dataZoom": {} }
},
"legend": { "data": ["产品A","产品B","产品C"] },
"xAxis": { "type":"category", "data":["Jan","Feb","Mar","Apr","May"] },
"yAxis": { "type":"value" },
"series": [
{ "name":"产品A", "type":"bar", "stack":"总量", "data":[120,132,101,134,90] },
{ "name":"产品B", "type":"bar", "stack":"总量", "data":[220,182,191,234,290] },
{ "name":"产品C", "type":"bar", "stack":"总量", "data":[150,212,201,154,190] }
]
}
条形图（二维）
简介：水平柱状图，适合长类目标签。
特点：减少标签重叠；对排名展示友好。
作用：显示排序、比较差距。
适用场景：Top N 排行、资源占用、绩效对比。
{
"tooltip": { "trigger":"axis", "axisPointer":{"type":"shadow"} },
"toolbox": { "feature": { "saveAsImage": {}, "restore": {}, "dataView": {}, "magicType":{"type":["line","bar"]} } },
"legend": { "data":["得分"] },
"xAxis": { "type":"value" },
"yAxis": { "type":"category", "data":["部门A","部门B","部门C","部门D"] },
"series": [
{ "name":"得分", "type":"bar", "data":[82,74,69,55] }
]
}
条形图（二维堆叠）
简介：水平堆叠，多指标组合展示。
特点：清晰展示组成与总量。
作用：分析各方向贡献。
适用场景：渠道贡献、功能模块占比。
{
"tooltip": { "trigger":"axis", "axisPointer":{"type":"shadow"} },
"toolbox": { "feature": { "saveAsImage": {}, "restore": {}, "dataView": {}, "magicType":{"type":["line","bar"]} } },
"xAxis": { "type":"value" },
"yAxis": { "type":"category", "data":["项目1","项目2","项目3"] },
"legend": { "data":["A","B","C"] },
"series": [
{ "name":"A","type":"bar","stack":"总","data":[120,90,60] },
{ "name":"B","type":"bar","stack":"总","data":[80,50,40] },
{ "name":"C","type":"bar","stack":"总","data":[30,20,15] }
]
}
饼图
简介：以角度表示占比。
特点：整体占比直观；类别不宜过多。
作用：构成分析。
适用场景：市场份额、客户来源。
{
"tooltip": { "trigger":"item" },
"toolbox": { "feature": { "saveAsImage": {}, "restore": {}, "dataView": {} } },
"legend": { "left":"center" },
"series": [
{
"name":"来源",
"type":"pie",
"radius":"60%",
"data":[
{ "value":40, "name":"直接" },
{ "value":25, "name":"搜索" },
{ "value":20, "name":"引荐" },
{ "value":15, "name":"其它" }
]
}
]
}
饼图嵌套
简介：多层环形表示不同层级或分类细分。
特点：层级清晰。
作用：呈现总体与子类分布。
适用场景：品类与子品类占比。
{
"tooltip": { "trigger":"item" },
"toolbox": { "feature": { "saveAsImage": {}, "restore": {}, "dataView": {} } },
"legend": { "left":"center" },
"series": [
{
"name":"一级",
"type":"pie",
"radius":["0%","40%"],
"label": { "show": false },
"data":[
{ "value":60, "name":"A类" },
{ "value":40, "name":"B类" }
]
},
{
"name":"二级",
"type":"pie",
"radius":["50%","70%"],
"data":[
{ "value":30, "name":"A1" },
{ "value":30, "name":"A2" },
{ "value":20, "name":"B1" },
{ "value":20, "name":"B2" }
]
}
]
}
圆环图
简介：中心空洞的饼图，突出占比同时留出内标签空间。
特点：更美观、可显示总数。
作用：结构占比。
适用场景：渠道占比、预算分配。
{
"tooltip": { "trigger":"item" },
"toolbox": { "feature": { "saveAsImage": {}, "restore": {}, "dataView": {} } },
"series": [
{
"type":"pie",
"radius":["40%","70%"],
"data":[
{ "value":35, "name":"直接" },
{ "value":28, "name":"搜索" },
{ "value":22, "name":"广告" },
{ "value":15, "name":"其它" }
]
}
]
}
瀑布图
简介：显示起点、各增减过程及终值。
特点：直观展示累积变化。
作用：分析指标变化来源。
适用场景：利润分解、用户数变化。
限制：浮动样式需自定义 renderItem 函数；纯 JSON 提供堆叠近似版本。
{
"tooltip": { "trigger":"axis", "axisPointer":{"type":"shadow"} },
"toolbox": { "feature": { "saveAsImage": {}, "restore": {}, "dataView": {} } },
"xAxis": { "type":"category", "data":["起始","步骤1","步骤2","步骤3","步骤4","结束"] },
"yAxis": { "type":"value" },
"legend": { "show": false },
"series": [
{
"name":"辅助",
"type":"bar",
"stack":"总",
"itemStyle":{"color":"transparent"},
"data":[0,100,130,138,126,0]
},
{
"name":"变化",
"type":"bar",
"stack":"总",
"data":[100,30,8,-12,-10,116],
"itemStyle":{"color":"#2F74C0"},
"label":{"show":true,"position":"inside"}
}
]
}
漏斗图
简介：展示数据在多阶段的递减转化。
特点：形状面积与数值对应；直观显示漏失。
作用：转化率分析。
适用场景：销售线索、注册流程。
{
"tooltip": { "trigger":"item" },
"toolbox": { "feature": { "saveAsImage": {}, "restore": {}, "dataView": {} } },
"legend": { "left":"center" },
"series": [
{
"type":"funnel",
"data":[
{ "value":1000, "name":"访问" },
{ "value":600, "name":"注册" },
{ "value":300, "name":"激活" },
{ "value":150, "name":"付费" }
]
}
]
}
桑基图
简介：展示流量、能量或资金在不同节点之间的流动关系。
特点：流量宽度与数值成比例；清晰展示流向和转化；支持多层级流动。
作用：流程分析、转化路径分析、资源流动可视化。
适用场景：用户行为路径、能源流向、预算分配流程、供应链分析。
{
"tooltip": {
"trigger": "item",
"triggerOn": "mousemove"
},
"toolbox": {
"feature": {
"saveAsImage": {},
"restore": {},
"dataView": {}
}
},
"series": [
{
"type": "sankey",
"layout": "none",
"emphasis": {
"focus": "adjacency"
},
"data": [
{ "name": "访问" },
{ "name": "注册" },
{ "name": "激活" },
{ "name": "付费" },
{ "name": "流失-访问" },
{ "name": "流失-注册" },
{ "name": "流失-激活" }
],
"links": [
{ "source": "访问", "target": "注册", "value": 600 },
{ "source": "访问", "target": "流失-访问", "value": 400 },
{ "source": "注册", "target": "激活", "value": 300 },
{ "source": "注册", "target": "流失-注册", "value": 300 },
{ "source": "激活", "target": "付费", "value": 150 },
{ "source": "激活", "target": "流失-激活", "value": 150 }
],
"itemStyle": {
"color": "#5470c6",
"borderColor": "#5470c6"
},
"lineStyle": {
"color": "gradient",
"curveness": 0.5
},
"label": {
"fontFamily": "Arial",
"fontSize": 12
}
}
]
}
散点图
简介：展示二维坐标下点的分布、相关性。
特点：可扩展第三维（大小），第四维（颜色）。
作用：相关分析、聚类初步观察。
适用场景：价格与销量关系、性能对比。
{
"tooltip": { "trigger":"item" },
"toolbox": { "feature": { "saveAsImage": {}, "restore": {}, "dataView": {} } },
"xAxis": { "type":"value" },
"yAxis": { "type":"value" },
"series": [
{
"type":"scatter",
"data":[[10,8],[15,14],[20,18],[25,23],[30,28],[35,32]]
}
]
}
矩阵图（热力图）
简介：用颜色深浅表示二维分类交叉的数值大小。
特点：密集数据可视化；颜色映射连续性。
作用：相关矩阵、频次分布。
适用场景：行为热度、风险等级。
{
"tooltip": { "position":"top" },
"toolbox": { "feature": { "saveAsImage": {}, "restore": {}, "dataView": {} } },
"grid": { "height":"60%", "top":"10%" },
"xAxis": { "type":"category", "data":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"] },
"yAxis": { "type":"category", "data":["A","B","C","D"] },
"visualMap": { "min":0, "max":10, "calculable":true, "orient":"horizontal", "left":"center", "bottom":"5%" },
"series": [
{
"type":"heatmap",
"data":[
["Mon","A",1],["Tue","A",3],["Wed","A",5],["Thu","A",7],["Fri","A",2],["Sat","A",6],["Sun","A",4],
["Mon","B",2],["Tue","B",4],["Wed","B",6],["Thu","B",8],["Fri","B",3],["Sat","B",7],["Sun","B",5],
["Mon","C",3],["Tue","C",5],["Wed","C",7],["Thu","C",9],["Fri","C",4],["Sat","C",8],["Sun","C",6],
["Mon","D",4],["Tue","D",6],["Wed","D",8],["Thu","D",10],["Fri","D",5],["Sat","D",9],["Sun","D",7]
]
}
]
}
箱形图（四分位）
简介：显示数据分布的中位数、上下四分位、最大最小（及异常值）。
特点：浓缩统计信息；易比较多组分布；自动检测异常值。
作用：分布特征对比、异常检测、数据质量分析。
适用场景：性能指标、薪资、实验结果、质量控制。
统计指标说明：
- Q1（第一四分位数）：数据的25%分位点
- Q3（第三四分位数）：数据的75%分位点
- IQR（四分位距）：Q3 - Q1，表示数据的离散程度
- 上限（upper）：Q3 + 1.5 × IQR，超出为异常值
- 下限（lower）：Q1 - 1.5 × IQR，低于为异常值
各组统计值：
- 实验 1: Q1=850, Q2=940, Q3=980, IQR=130, lower=655, upper=1175
- 实验 2: Q1=800, Q2=845, Q3=885, IQR=85, lower=672.5, upper=1012.5
- 实验 3: Q1=840, Q2=855, Q3=880, IQR=40, lower=780, upper=940
- 实验 4: Q1=767.5, Q2=815, Q3=865, IQR=97.5, lower=621.25, upper=1011.25
- 实验 5: Q1=807.5, Q2=810, Q3=870, IQR=62.5, lower=713.75, upper=963.75
{
"tooltip": {
"trigger": "item",
"axisPointer": {
"type": "shadow"
}
},
"toolbox": {
"feature": {
"saveAsImage": {},
"restore": {},
"dataView": {}
},
"iconStyle": {
}
},
"grid": {
"left": "10%",
"right": "10%",
"bottom": "15%"
},
"xAxis": {
"type": "category",
"data": ["实验 1", "实验 2", "实验 3", "实验 4", "实验 5"],
"boundaryGap": true,
"nameGap": 30,
"splitArea": {
"show": false
},
"splitLine": {
"show": false
}
},
"yAxis": {
"type": "value",
"name": "速度 (km/s 减去 299,000)",
"splitArea": {
"show": true
},
"splitLine": {
"lineStyle": {
"opacity": 0.3
}
}
},
"series": [
{
"name": "箱线图",
"type": "boxplot",
"data": [
[740, 850, 940, 980, 1070],
[760, 800, 845, 885, 960],
[840, 840, 855, 880, 910],
[720, 767.5, 815, 865, 920],
[740, 807.5, 810, 870, 950]
],
"itemStyle": {
"color": "#5470c6",
"borderColor": "#3b5998"
}
},
{
"name": "异常值",
"type": "scatter",
"data": [
[0, 650],
[2, 620],
[2, 720],
[2, 720],
[2, 950],
[2, 970]
],
"itemStyle": {
"color": "#ee6666"
}
}
]
}
树形图
简介：层级结构节点，展示父子关系。
特点：可收缩、层级清晰。
作用：组织结构、分类体系。
适用场景：目录树、公司架构。
{
"tooltip": { "trigger":"item" },
"toolbox": { "feature": { "saveAsImage": {}, "restore": {}, "dataView": {} } },
"series": [
{
"type":"tree",
"data":[
{
"name":"根",
"children":[
{ "name":"分支A", "children":[{ "name":"叶A1" },{ "name":"叶A2" }] },
{ "name":"分支B", "children":[{ "name":"叶B1" }] }
]
}
],
"top":"5%", "left":"10%", "bottom":"5%", "right":"20%",
"symbolSize":8
}
]
}
旭日图
简介：多层环展示层级比例。
特点：层级与占比同时表达。
作用：复杂分类结构分布。
适用场景：产品结构、文件占用。
{
"tooltip": { "trigger":"item" },
"toolbox": { "feature": { "saveAsImage": {}, "restore": {}, "dataView": {} } },
"series": [
{
"type":"sunburst",
"radius":["10%","80%"],
"data":[
{
"name":"A",
"value":10,
"children":[
{ "name":"A1","value":4 },
{ "name":"A2","value":6 }
]
},
{
"name":"B",
"value":8,
"children":[
{ "name":"B1","value":3 },
{ "name":"B2","value":5 }
]
}
]
}
]
}
雷达图
简介：多维指标在极坐标上展示。
特点：适合整体能力画像。
作用：对比不同对象多维表现。
适用场景：绩效评估、产品能力。
{
"tooltip": {},
"toolbox": { "feature": { "saveAsImage": {}, "restore": {}, "dataView": {} } },
"legend": { "data":["团队A","团队B"] },
"radar": {
"indicator":[
{ "name":"执行", "max":100 },
{ "name":"创新", "max":100 },
{ "name":"协作", "max":100 },
{ "name":"速度", "max":100 },
{ "name":"质量", "max":100 }
]
},
"series": [
{
"type":"radar",
"data":[
{ "value":[80,70,85,75,90], "name":"团队A" },
{ "value":[65,85,70,80,75], "name":"团队B" }
]
}
]
}
组合图（柱 + 折线）
简介：混合不同图形增强多指标可读性。
特点：同坐标或双轴并存。
作用：展示数量与趋势同时。
适用场景：销量与增长率、营收与利润率。
{
"tooltip": { "trigger":"axis" },
"toolbox": { "feature": { "saveAsImage": {}, "restore": {}, "dataView": {}, "magicType":{"type":["line","bar"]} } },
"legend": { "data":["销量","增长率"] },
"xAxis": { "type":"category", "data":["Jan","Feb","Mar","Apr","May","Jun"] },
"yAxis": [
{ "type":"value", "name":"销量" },
{ "type":"value", "name":"增长率", "position":"right" }
],
"series": [
{ "name":"销量", "type":"bar", "data":[500,600,550,650,700,720] },
{ "name":"增长率", "type":"line", "yAxisIndex":1, "data":[5,8,6,10,12,9] }
]
}
3D 折线图
简介：在三维空间中展示数据的连续变化趋势。
特点：可同时展示 X、Y、Z 三个维度的关系；支持旋转、缩放交互；立体视角更直观。
作用：多维时间序列分析、三维路径轨迹展示。
适用场景：传感器数据（时间+温度+湿度）、飞行轨迹、3D 趋势分析。
{
"tooltip": {},
"toolbox": {
"feature": {
"saveAsImage": {},
"restore": {},
"dataView": {}
}
},
"grid3D": {
"boxWidth": 100,
"boxDepth": 80,
"viewControl": {
"alpha": 30,
"beta": 40
}
},
"xAxis3D": {
"type": "value",
"name": "X轴"
},
"yAxis3D": {
"type": "value",
"name": "Y轴"
},
"zAxis3D": {
"type": "value",
"name": "Z轴"
},
"series": [
{
"name": "轨迹",
"type": "line3D",
"data": [
[0, 0, 0],
[10, 15, 20],
[20, 25, 35],
[30, 40, 45],
[40, 50, 55],
[50, 60, 60],
[60, 70, 65],
[70, 75, 70],
[80, 85, 75],
[90, 90, 80],
[100, 95, 85]
],
"lineStyle": {
"width": 4,
"color": "#2F74C0"
}
}
]
}
3D 柱状图
简介：在三维空间中用立体柱子展示数据分布。
特点：支持旋转查看不同角度；颜色和高度双重编码；可展示二维矩阵数据。
作用：多维分类数据对比、密集数据可视化。
适用场景：地区×产品销量矩阵、时间×类别热度分析、三维统计分布。
{
"tooltip": {},
"toolbox": {
"feature": {
"saveAsImage": {},
"restore": {},
"dataView": {}
}
},
"grid3D": {
"boxWidth": 100,
"boxDepth": 100,
"viewControl": {
"alpha": 25,
"beta": 30,
"distance": 200
}
},
"xAxis3D": {
"type": "category",
"data": ["周一", "周二", "周三", "周四", "周五", "周六", "周日"]
},
"yAxis3D": {
"type": "category",
"data": ["上午", "下午", "晚上"]
},
"zAxis3D": {
"type": "value",
"name": "访问量"
},
"visualMap": {
"min": 0,
"max": 100,
"calculable": true,
"inRange": {
"color": ["#313695", "#4575b4", "#74add1", "#abd9e9", "#e0f3f8", "#ffffbf", "#fee090", "#fdae61", "#f46d43", "#d73027", "#a50026"]
}
},
"series": [
{
"type": "bar3D",
"data": [
[0, 0, 50], [0, 1, 75], [0, 2, 60],
[1, 0, 45], [1, 1, 80], [1, 2, 70],
[2, 0, 55], [2, 1, 85], [2, 2, 65],
[3, 0, 60], [3, 1, 90], [3, 2, 75],
[4, 0, 65], [4, 1, 95], [4, 2, 80],
[5, 0, 40], [5, 1, 60], [5, 2, 85],
[6, 0, 35], [6, 1, 55], [6, 2, 90]
],
"shading": "realistic",
"realisticMaterial": {
"roughness": 0.8,
"metalness": 0.2
},
"itemStyle": {
"opacity": 1
},
"emphasis": {
"itemStyle": {
"opacity": 1
}
}
}
]
}
3D 柱状堆叠图
简介：三维空间中展示堆叠柱状图，多个系列叠加。
特点：立体展示组成结构；支持多角度观察；颜色区分不同部分。
作用：三维分类数据的组成分析、多维度占比展示。
适用场景：多产品线×多地区销售构成、资源分配三维分析。
{
"tooltip": {},
"toolbox": {
"feature": {
"saveAsImage": {},
"restore": {},
"dataView": {}
}
},
"legend": {
"data": ["产品A", "产品B", "产品C"]
},
"grid3D": {
"boxWidth": 100,
"boxDepth": 100,
"viewControl": {
"alpha": 20,
"beta": 40,
"distance": 200
}
},
"xAxis3D": {
"type": "category",
"data": ["北京", "上海", "广州", "深圳", "杭州"]
},
"yAxis3D": {
"type": "category",
"data": ["Q1", "Q2", "Q3", "Q4"]
},
"zAxis3D": {
"type": "value",
"name": "销量"
},
"series": [
{
"name": "产品A",
"type": "bar3D",
"stack": "stack",
"data": [
[0, 0, 30], [0, 1, 35], [0, 2, 40], [0, 3, 45],
[1, 0, 35], [1, 1, 40], [1, 2, 45], [1, 3, 50],
[2, 0, 32], [2, 1, 37], [2, 2, 42], [2, 3, 47],
[3, 0, 38], [3, 1, 43], [3, 2, 48], [3, 3, 53],
[4, 0, 33], [4, 1, 38], [4, 2, 43], [4, 3, 48]
],
"itemStyle": {
"color": "#5470c6",
"opacity": 0.95
},
"shading": "color"
},
{
"name": "产品B",
"type": "bar3D",
"stack": "stack",
"data": [
[0, 0, 25], [0, 1, 28], [0, 2, 30], [0, 3, 32],
[1, 0, 28], [1, 1, 30], [1, 2, 33], [1, 3, 35],
[2, 0, 26], [2, 1, 29], [2, 2, 31], [2, 3, 34],
[3, 0, 29], [3, 1, 32], [3, 2, 35], [3, 3, 37],
[4, 0, 27], [4, 1, 30], [4, 2, 32], [4, 3, 35]
],
"itemStyle": {
"color": "#91cc75",
"opacity": 0.95
},
"shading": "color"
},
{
"name": "产品C",
"type": "bar3D",
"stack": "stack",
"data": [
[0, 0, 20], [0, 1, 22], [0, 2, 25], [0, 3, 27],
[1, 0, 22], [1, 1, 25], [1, 2, 27], [1, 3, 30],
[2, 0, 21], [2, 1, 23], [2, 2, 26], [2, 3, 28],
[3, 0, 24], [3, 1, 26], [3, 2, 29], [3, 3, 31],
[4, 0, 22], [4, 1, 24], [4, 2, 27], [4, 3, 29]
],
"itemStyle": {
"color": "#fac858",
"opacity": 0.95
},
"shading": "color"
}
]
}
中国地图
简介：展示中国各省市地理数据分布。
特点：支持区域着色、标注、钻取；可视化地域差异。
作用：地域数据分析、区域对比。
适用场景：销售额地域分布、用户分布、物流覆盖、温度变化。
{
"tooltip": {
"trigger": "item",
"formatter": "{b}<br/>数值: {c}"
},
"toolbox": {
"feature": {
"saveAsImage": {},
"restore": {},
"dataView": {}
}
},
"visualMap": {
"min": 0,
"max": 1000,
"text": ["高", "低"],
"realtime": false,
"calculable": true,
"inRange": {
"color": ["#e0f3f8", "#abd9e9", "#74add1", "#4575b4", "#313695"]
},
"textStyle": {
"color": "#000"
}
},
"series": [
{
"name": "数据",
"type": "map",
"map": "china",
"roam": true,
"label": {
"show": false
},
"itemStyle": {
"areaColor": "#eee",
"borderColor": "#444",
"borderWidth": 0.5
},
"emphasis": {
"itemStyle": {
"areaColor": "#ffd700",
"borderColor": "#666",
"borderWidth": 1
},
"label": {
"show": true,
"color": "#000",
"fontSize": 12
}
},
"data": [
{ "name": "北京市", "value": 850 },
{ "name": "上海市", "value": 920 },
{ "name": "广东省", "value": 880 },
{ "name": "浙江省", "value": 750 },
{ "name": "江苏省", "value": 800 },
{ "name": "四川省", "value": 650 },
{ "name": "湖北省", "value": 600 },
{ "name": "湖南省", "value": 580 },
{ "name": "河南省", "value": 550 },
{ "name": "山东省", "value": 720 },
{ "name": "辽宁省", "value": 500 },
{ "name": "黑龙江省", "value": 450 },
{ "name": "吉林省", "value": 420 },
{ "name": "陕西省", "value": 480 },
{ "name": "甘肃省", "value": 350 },
{ "name": "青海省", "value": 280 },
{ "name": "新疆维吾尔自治区", "value": 380 },
{ "name": "西藏自治区", "value": 250 },
{ "name": "云南省", "value": 520 },
{ "name": "贵州省", "value": 460 },
{ "name": "重庆市", "value": 580 },
{ "name": "福建省", "value": 640 },
{ "name": "安徽省", "value": 560 },
{ "name": "江西省", "value": 530 },
{ "name": "山西省", "value": 490 },
{ "name": "河北省", "value": 620 },
{ "name": "内蒙古自治区", "value": 410 },
{ "name": "宁夏回族自治区", "value": 320 },
{ "name": "广西壮族自治区", "value": 540 },
{ "name": "海南省", "value": 380 },
{ "name": "天津市", "value": 670 },
{ "name": "香港特别行政区", "value": 720 },
{ "name": "澳门特别行政区", "value": 450 },
{ "name": "台湾省", "value": 680 }
]
}
]
}
世界地图
简介：展示全球范围的地理数据分布。
特点：全球视野、国家级数据展示；支持缩放、漫游。
作用：国际业务分析、全球数据对比。
适用场景：海外市场分布、国际物流、全球用户分布、跨国业务。
{
"tooltip": {
"trigger": "item",
"formatter": "{b}<br/>{c} 万人"
},
"toolbox": {
"feature": {
"saveAsImage": {},
"restore": {},
"dataView": {}
}
},
"visualMap": {
"min": 0,
"max": 2000,
"text": ["高", "低"],
"realtime": false,
"calculable": true,
"inRange": {
"color": ["#ffffbf", "#fee090", "#fdae61", "#f46d43", "#d73027", "#a50026"]
}
},
"series": [
{
"name": "用户数",
"type": "map",
"map": "world",
"roam": true,
"itemStyle": {
"areaColor": "#f3f3f3",
"borderColor": "#999"
},
"emphasis": {
"itemStyle": {
"areaColor": "#ffd700"
},
"label": {
"show": true,
"color": "#000"
}
},
"data": [
{ "name": "China", "value": 1800 },
{ "name": "United States", "value": 1200 },
{ "name": "India", "value": 900 },
{ "name": "Brazil", "value": 650 },
{ "name": "Russia", "value": 580 },
{ "name": "Japan", "value": 720 },
{ "name": "Germany", "value": 620 },
{ "name": "United Kingdom", "value": 550 },
{ "name": "France", "value": 530 },
{ "name": "Italy", "value": 480 },
{ "name": "Canada", "value": 450 },
{ "name": "Australia", "value": 420 },
{ "name": "South Korea", "value": 680 },
{ "name": "Spain", "value": 460 },
{ "name": "Mexico", "value": 520 },
{ "name": "Indonesia", "value": 780 },
{ "name": "Netherlands", "value": 380 },
{ "name": "Saudi Arabia", "value": 350 },
{ "name": "Turkey", "value": 520 },
{ "name": "Switzerland", "value": 320 },
{ "name": "Poland", "value": 410 },
{ "name": "Belgium", "value": 360 },
{ "name": "Sweden", "value": 340 },
{ "name": "Argentina", "value": 480 },
{ "name": "Thailand", "value": 550 },
{ "name": "Austria", "value": 310 },
{ "name": "Norway", "value": 290 },
{ "name": "United Arab Emirates", "value": 380 },
{ "name": "Nigeria", "value": 420 },
{ "name": "Israel", "value": 350 },
{ "name": "Ireland", "value": 330 },
{ "name": "Singapore", "value": 410 },
{ "name": "Malaysia", "value": 460 },
{ "name": "Philippines", "value": 520 },
{ "name": "Denmark", "value": 300 },
{ "name": "Colombia", "value": 440 },
{ "name": "South Africa", "value": 490 },
{ "name": "Pakistan", "value": 580 },
{ "name": "Chile", "value": 380 },
{ "name": "Finland", "value": 280 },
{ "name": "Bangladesh", "value": 620 },
{ "name": "Egypt", "value": 560 },
{ "name": "Vietnam", "value": 680 },
{ "name": "Czech Republic", "value": 330 },
{ "name": "Romania", "value": 370 },
{ "name": "Portugal", "value": 350 },
{ "name": "Peru", "value": 410 },
{ "name": "New Zealand", "value": 290 },
{ "name": "Greece", "value": 320 },
{ "name": "Qatar", "value": 270 }
]
}
]
}