矩阵伪彩图echarts 配置项内容和展示
配置项如下
option = option = {
"tooltip": {
"position": "top"
},
"animation": false,
"grid": {
"left": 60,
"right": 60,
"top": 30
},
"xAxis": {
"type": "category",
"data": [
"17",
"18",
"19",
"20",
"21",
"22",
"23",
"00",
"01",
"02",
"03",
"04",
"05",
"06",
"07",
"08",
"09",
"10",
"11",
"12",
"13",
"14",
"15",
{
"value": "16",
"textStyle": {
"backgroundColor": "#abbbda",
"borderColor": "#abbbda",
"borderWidth": 8,
"borderRadius": 10
}
}
],
"splitArea": {
"show": false
},
"axisLine": {
"show": false
},
"axisTick": {
"show": false
},
"axisLabel": {
"fontSize": 14
}
},
"yAxis": {
"type": "category",
"data": [
"SO2",
"NO",
"NO2",
"NOx",
"CO",
"O3",
"O3_8H",
"PM10",
"PM2.5"
],
"splitArea": {
"show": false
},
"axisLine": {
"show": false
},
"axisTick": {
"show": false
},
},
"visualMap": {
"min": 0,
"max": 10,
"color": [
"#018cff",
"#FFFFFF"
],
right: 10,
top: 'center',
itemHeight: 700,
text: [10, 0],
inverse: true
},
"series": [{
"type": "heatmap",
"data": [
[
0,
0,
5
],
[
1,
0,
5
],
[
2,
0,
5
],
[
3,
0,
5
],
[
4,
0,
5
],
[
5,
0,
5
],
[
6,
0,
5
],
[
7,
0,
5
],
[
8,
0,
5
],
[
9,
0,
5
],
[
10,
0,
5
],
[
11,
0,
5
],
[
12,
0,
5
],
[
13,
0,
5
],
[
14,
0,
5
],
[
15,
0,
5
],
[
16,
0,
5
],
[
17,
0,
5
],
[
18,
0,
5
],
[
19,
0,
5
],
[
20,
0,
5
],
[
21,
0,
5
],
[
22,
0,
5
],
[
23,
0,
4
],
[
0,
1,
5
],
[
1,
1,
5
],
[
2,
1,
5
],
[
3,
1,
5
],
[
4,
1,
5
],
[
5,
1,
5
],
[
6,
1,
5
],
[
7,
1,
5
],
[
8,
1,
5
],
[
9,
1,
5
],
[
10,
1,
5
],
[
11,
1,
5
],
[
12,
1,
5
],
[
13,
1,
5
],
[
14,
1,
5
],
[
15,
1,
5
],
[
16,
1,
5
],
[
17,
1,
5
],
[
18,
1,
5
],
[
19,
1,
5
],
[
20,
1,
5
],
[
21,
1,
5
],
[
22,
1,
5
],
[
23,
1,
4
],
[
0,
2,
5
],
[
1,
2,
5
],
[
2,
2,
5
],
[
3,
2,
5
],
[
4,
2,
5
],
[
5,
2,
5
],
[
6,
2,
5
],
[
7,
2,
5
],
[
8,
2,
5
],
[
9,
2,
5
],
[
10,
2,
5
],
[
11,
2,
5
],
[
12,
2,
5
],
[
13,
2,
5
],
[
14,
2,
5
],
[
15,
2,
5
],
[
16,
2,
5
],
[
17,
2,
5
],
[
18,
2,
5
],
[
19,
2,
5
],
[
20,
2,
5
],
[
21,
2,
5
],
[
22,
2,
5
],
[
23,
2,
4
],
[
0,
3,
5
],
[
1,
3,
5
],
[
2,
3,
5
],
[
3,
3,
5
],
[
4,
3,
5
],
[
5,
3,
5
],
[
6,
3,
5
],
[
7,
3,
5
],
[
8,
3,
5
],
[
9,
3,
5
],
[
10,
3,
5
],
[
11,
3,
5
],
[
12,
3,
5
],
[
13,
3,
5
],
[
14,
3,
5
],
[
15,
3,
5
],
[
16,
3,
5
],
[
17,
3,
5
],
[
18,
3,
5
],
[
19,
3,
5
],
[
20,
3,
5
],
[
21,
3,
5
],
[
22,
3,
5
],
[
23,
3,
4
],
[
0,
4,
5
],
[
1,
4,
5
],
[
2,
4,
5
],
[
3,
4,
5
],
[
4,
4,
5
],
[
5,
4,
5
],
[
6,
4,
5
],
[
7,
4,
5
],
[
8,
4,
5
],
[
9,
4,
5
],
[
10,
4,
5
],
[
11,
4,
5
],
[
12,
4,
5
],
[
13,
4,
5
],
[
14,
4,
5
],
[
15,
4,
5
],
[
16,
4,
5
],
[
17,
4,
5
],
[
18,
4,
5
],
[
19,
4,
5
],
[
20,
4,
5
],
[
21,
4,
5
],
[
22,
4,
5
],
[
23,
4,
4
],
[
0,
5,
5
],
[
1,
5,
5
],
[
2,
5,
5
],
[
3,
5,
5
],
[
4,
5,
5
],
[
5,
5,
5
],
[
6,
5,
5
],
[
7,
5,
5
],
[
8,
5,
5
],
[
9,
5,
5
],
[
10,
5,
5
],
[
11,
5,
5
],
[
12,
5,
5
],
[
13,
5,
5
],
[
14,
5,
5
],
[
15,
5,
5
],
[
16,
5,
5
],
[
17,
5,
5
],
[
18,
5,
5
],
[
19,
5,
5
],
[
20,
5,
5
],
[
21,
5,
5
],
[
22,
5,
5
],
[
23,
5,
4
],
[
0,
6,
5
],
[
1,
6,
5
],
[
2,
6,
5
],
[
3,
6,
5
],
[
4,
6,
5
],
[
5,
6,
5
],
[
6,
6,
5
],
[
7,
6,
5
],
[
8,
6,
5
],
[
9,
6,
5
],
[
10,
6,
5
],
[
11,
6,
5
],
[
12,
6,
5
],
[
13,
6,
5
],
[
14,
6,
5
],
[
15,
6,
5
],
[
16,
6,
5
],
[
17,
6,
5
],
[
18,
6,
5
],
[
19,
6,
5
],
[
20,
6,
5
],
[
21,
6,
5
],
[
22,
6,
5
],
[
23,
6,
4
],
[
0,
7,
5
],
[
1,
7,
5
],
[
2,
7,
5
],
[
3,
7,
5
],
[
4,
7,
5
],
[
5,
7,
5
],
[
6,
7,
5
],
[
7,
7,
5
],
[
8,
7,
5
],
[
9,
7,
5
],
[
10,
7,
5
],
[
11,
7,
5
],
[
12,
7,
5
],
[
13,
7,
5
],
[
14,
7,
5
],
[
15,
7,
5
],
[
16,
7,
5
],
[
17,
7,
5
],
[
18,
7,
5
],
[
19,
7,
5
],
[
20,
7,
5
],
[
21,
7,
5
],
[
22,
7,
5
],
[
23,
7,
4
],
[
0,
8,
5
],
[
1,
8,
5
],
[
2,
8,
5
],
[
3,
8,
5
],
[
4,
8,
5
],
[
5,
8,
5
],
[
6,
8,
5
],
[
7,
8,
5
],
[
8,
8,
5
],
[
9,
8,
5
],
[
10,
8,
5
],
[
11,
8,
5
],
[
12,
8,
5
],
[
13,
8,
5
],
[
14,
8,
5
],
[
15,
8,
5
],
[
16,
8,
5
],
[
17,
8,
5
],
[
18,
8,
5
],
[
19,
8,
5
],
[
20,
8,
5
],
[
21,
8,
5
],
[
22,
8,
5
],
[
23,
8,
4
]
],
"label": {
"normal": {
"show": true
}
},
"itemStyle": {
"emphasis": {
"shadowBlur": 10,
"shadowColor": "rgba(0, 0, 0, 0.5)"
}
},
"tooltip": {
"confine": true
}
}]
}
截图如下
