markdown 由简入繁，上手跟我做（十八）echarts 图表 - 盒须图
语法
```echarts
json代码
```
可用 echarts 源代码，标准 json 代码
不能嵌入 js 代码
示例 1
效果
{
"title": [
{
"text": "Michelson-Morley Experiment",
"left": "center"
},
{
"text": "upper: Q3 + 1.5 * IQR \nlower: Q1 - 1.5 * IQR",
"borderColor": "#999",
"borderWidth": 1,
"textStyle": {
"fontSize": 14
},
"left": "10%",
"top": "90%"
}
],
"toolbox": {
"show": true,
"feature": {
"mark": {
"show": true
},
"dataView": {
"show": true,
"readOnly": false
},
"restore": {
"show": true
},
"saveAsImage": {
"show": true
}
}
},
"tooltip": {
"trigger": "item",
"axisPointer": {
"type": "shadow"
}
},
"grid": {
"left": "10%",
"right": "10%",
"bottom": "15%"
},
"xAxis": {
"type": "category",
"data": [
"0",
"1",
"2",
"3",
"4"
],
"boundaryGap": true,
"nameGap": 30,
"splitArea": {
"show": false
},
"splitLine": {
"show": false
}
},
"yAxis": {
"type": "value",
"name": "km/s minus 299,000",
"splitArea": {
"show": true
}
},
"series": [
{
"name": "boxplot",
"type": "boxplot",
"data": [
[
655,
850,
940,
980,
1070
],
[
760,
800,
845,
885,
960
],
[
780,
840,
855,
880,
940
],
[
720,
767.5,
815,
865,
920
],
[
740,
807.5,
810,
870,
950
]
]
},
{
"name": "outlier",
"type": "scatter",
"data": [
[
0,
650
],
[
2,
620
],
[
2,
720
],
[
2,
720
],
[
2,
950
],
[
2,
970
]
]
}
]
}
json
{
"title": [
{
"text": "Michelson-Morley Experiment",
"left": "center"
},
{
"text": "upper: Q3 + 1.5 * IQR \nlower: Q1 - 1.5 * IQR",
"borderColor": "#999",
"borderWidth": 1,
"textStyle": {
"fontSize": 14
},
"left": "10%",
"top": "90%"
}
],
"toolbox": {
"show": true,
"feature": {
"mark": {
"show": true
},
"dataView": {
"show": true,
"readOnly": false
},
"restore": {
"show": true
},
"saveAsImage": {
"show": true
}
}
},
"tooltip": {
"trigger": "item",
"axisPointer": {
"type": "shadow"
}
},
"grid": {
"left": "10%",
"right": "10%",
"bottom": "15%"
},
"xAxis": {
"type": "category",
"data": [
"0",
"1",
"2",
"3",
"4"
],
"boundaryGap": true,
"nameGap": 30,
"splitArea": {
"show": false
},
"splitLine": {
"show": false
}
},
"yAxis": {
"type": "value",
"name": "km/s minus 299,000",
"splitArea": {
"show": true
}
},
"series": [
{
"name": "boxplot",
"type": "boxplot",
"data": [
[
655,
850,
940,
980,
1070
],
[
760,
800,
845,
885,
960
],
[
780,
840,
855,
880,
940
],
[
720,
767.5,
815,
865,
920
],
[
740,
807.5,
810,
870,
950
]
]
},
{
"name": "outlier",
"type": "scatter",
"data": [
[
0,
650
],
[
2,
620
],
[
2,
720
],
[
2,
720
],
[
2,
950
],
[
2,
970
]
]
}
]
}
上一篇 markdown 由简入繁，上手跟我做（十七）echarts 图表 - 力导向布局图
markdown 教程（目录）
下一篇 markdown 由简入繁，上手跟我做（十九）echarts 图表 - 热力图