markdown 由简入繁，上手跟我做（十五）echarts 图表 - 雷达（面积）图
语法
```echarts
json代码
```
可用 echarts 源代码，标准 json 代码
不能嵌入 js 代码
示例 1
效果
{
"title": {
"text": "预算 vs 开销（Budget vs spending）",
"subtext": "纯属虚构"
},
"tooltip": {
"trigger": "axis"
},
"legend": {
"orient": "vertical",
"x": "right",
"y": "bottom",
"data": [
"预算分配（Allocated Budget）",
"实际开销（Actual Spending）"
]
},
"toolbox": {
"show": true,
"feature": {
"mark": {
"show": true
},
"dataView": {
"show": true,
"readOnly": false
},
"restore": {
"show": true
},
"saveAsImage": {
"show": true
}
}
},
"polar": [
{
"indicator": [
{
"text": "销售（sales）",
"max": 6000
},
{
"text": "管理（Administration）",
"max": 16000
},
{
"text": "信息技术（Information Techology）",
"max": 30000
},
{
"text": "客服（Customer Support）",
"max": 38000
},
{
"text": "研发（Development）",
"max": 52000
},
{
"text": "市场（Marketing）",
"max": 25000
}
]
}
],
"calculable": true,
"series": [
{
"name": "预算 vs 开销（Budget vs spending）",
"type": "radar",
"data": [
{
"value": [
4300,
10000,
28000,
35000,
50000,
19000
],
"name": "预算分配（Allocated Budget）"
},
{
"value": [
5000,
14000,
28000,
31000,
42000,
21000
],
"name": "实际开销（Actual Spending）"
}
]
}
]
}
json
{
"title": {
"text": "预算 vs 开销（Budget vs spending）",
"subtext": "纯属虚构"
},
"tooltip": {
"trigger": "axis"
},
"legend": {
"orient": "vertical",
"x": "right",
"y": "bottom",
"data": [
"预算分配（Allocated Budget）",
"实际开销（Actual Spending）"
]
},
"toolbox": {
"show": true,
"feature": {
"mark": {
"show": true
},
"dataView": {
"show": true,
"readOnly": false
},
"restore": {
"show": true
},
"saveAsImage": {
"show": true
}
}
},
"polar": [
{
"indicator": [
{
"text": "销售（sales）",
"max": 6000
},
{
"text": "管理（Administration）",
"max": 16000
},
{
"text": "信息技术（Information Techology）",
"max": 30000
},
{
"text": "客服（Customer Support）",
"max": 38000
},
{
"text": "研发（Development）",
"max": 52000
},
{
"text": "市场（Marketing）",
"max": 25000
}
]
}
],
"calculable": true,
"series": [
{
"name": "预算 vs 开销（Budget vs spending）",
"type": "radar",
"data": [
{
"value": [
4300,
10000,
28000,
35000,
50000,
19000
],
"name": "预算分配（Allocated Budget）"
},
{
"value": [
5000,
14000,
28000,
31000,
42000,
21000
],
"name": "实际开销（Actual Spending）"
}
]
}
]
}
示例 2
效果
{
"title": {
"text": "罗纳尔多 vs 舍普琴科",
"subtext": "完全实况球员数据"
},
"tooltip": {
"trigger": "axis"
},
"legend": {
"x": "center",
"data": [
"罗纳尔多",
"舍普琴科"
]
},
"toolbox": {
"show": true,
"feature": {
"mark": {
"show": true
},
"dataView": {
"show": true,
"readOnly": false
},
"restore": {
"show": true
},
"saveAsImage": {
"show": true
}
}
},
"calculable": true,
"polar": [
{
"indicator": [
{
"text": "进攻",
"max": 100
},
{
"text": "防守",
"max": 100
},
{
"text": "体能",
"max": 100
},
{
"text": "速度",
"max": 100
},
{
"text": "力量",
"max": 100
},
{
"text": "技巧",
"max": 100
}
],
"radius": 130
}
],
"series": [
{
"name": "完全实况球员数据",
"type": "radar",
"itemStyle": {
"normal": {
"areaStyle": {
"type": "default"
}
}
},
"data": [
{
"value": [
97,
42,
88,
94,
90,
86
],
"name": "舍普琴科"
},
{
"value": [
97,
32,
74,
95,
88,
92
],
"name": "罗纳尔多"
}
]
}
]
}
json
{
"title": {
"text": "罗纳尔多 vs 舍普琴科",
"subtext": "完全实况球员数据"
},
"tooltip": {
"trigger": "axis"
},
"legend": {
"x": "center",
"data": [
"罗纳尔多",
"舍普琴科"
]
},
"toolbox": {
"show": true,
"feature": {
"mark": {
"show": true
},
"dataView": {
"show": true,
"readOnly": false
},
"restore": {
"show": true
},
"saveAsImage": {
"show": true
}
}
},
"calculable": true,
"polar": [
{
"indicator": [
{
"text": "进攻",
"max": 100
},
{
"text": "防守",
"max": 100
},
{
"text": "体能",
"max": 100
},
{
"text": "速度",
"max": 100
},
{
"text": "力量",
"max": 100
},
{
"text": "技巧",
"max": 100
}
],
"radius": 130
}
],
"series": [
{
"name": "完全实况球员数据",
"type": "radar",
"itemStyle": {
"normal": {
"areaStyle": {
"type": "default"
}
}
},
"data": [
{
"value": [
97,
42,
88,
94,
90,
86
],
"name": "舍普琴科"
},
{
"value": [
97,
32,
74,
95,
88,
92
],
"name": "罗纳尔多"
}
]
}
]
}
上一篇 markdown 由简入繁，上手跟我做（十四）echarts 图表 - 饼图
markdown 教程（目录）
下一篇 markdown 由简入繁，上手跟我做（十六）echarts 图表 - 和弦图