ECharts - 視覺圖不渲染線條顏色（帶筆）
[英]ECharts - visual map not rendering line color (with pen)
問題描述
我正在嘗試使用 echarts 中的可視化地圖根據我的系列數據中的維度為線條着色。 目前，該系列的 LABEL 正在根據此地圖正確着色，但線條本身卻沒有。 這是一個錯誤還是我做錯了？
我真的更喜歡這些值之間的梯度，但在這一點上我會取得任何進展。
{
"title": {
"text": "Humidity",
"left": "center"
},
"tooltip": {
"trigger": "axis"
},
"xAxis": {
"type": "time",
"axisLabel": { }
},
"yAxis": {
"splitLine": {
"show": false
},
"min": "dataMin",
"max": "dataMax"
},
"dataZoom": [
{
"startValue": "2014-06-01"
},
{
"type": "inside"
}
],
"visualMap": {
"dimension": 2,
"seriesIndex": 0,
"top": 20,
"right": 20,
"pieces": [
{
"value": 1,
"color": "#00d27a",
"label": "Ideal"
},
{
"value": 2,
"color": "#f5803e",
"label": "Warning"
},
{
"value": 3,
"color": "#e63757",
"label": "Danger"
}
],
"outOfRange": {
"color": "#000"
}
},
"series": [
{
"data": [
[
"2020-10-03T17:30:00",
50,
1
],
[
"2020-10-03T18:30:00",
51,
1
],
[
"2020-10-03T19:30:00",
52,
1
],
[
"2020-10-03T20:30:00",
51,
1
],
[
"2020-10-03T21:30:00",
50,
1
],
[
"2020-10-03T22:30:00",
50,
1
],
[
"2020-10-03T23:30:00",
49,
1
],
[
"2020-10-04T00:30:00",
49,
1
],
[
"2020-10-04T01:30:00",
50,
1
],
[
"2020-10-04T02:30:00",
51,
1
],
[
"2020-10-04T03:30:00",
52,
1
],
[
"2020-10-04T04:30:00",
54,
1
],
[
"2020-10-04T05:30:00",
55,
1
],
[
"2020-10-04T06:30:00",
55,
1
],
[
"2020-10-04T07:30:00",
55,
1
],
[
"2020-10-04T08:30:00",
55,
1
],
[
"2020-10-04T09:30:00",
55,
1
],
[
"2020-10-04T10:30:00",
54,
1
],
[
"2020-10-04T11:30:00",
53,
1
],
[
"2020-10-04T12:30:00",
52,
1
],
[
"2020-10-04T13:30:00",
50,
1
],
[
"2020-10-04T14:30:00",
48,
1
],
[
"2020-10-04T15:30:00",
48,
1
],
[
"2020-10-04T16:30:00",
49,
1
],
[
"2020-10-04T17:30:00",
51,
1
],
[
"2020-10-04T18:30:00",
52,
1
],
[
"2020-10-04T19:30:00",
52,
1
],
[
"2020-10-04T20:30:00",
52,
1
],
[
"2020-10-04T21:30:00",
52,
1
],
[
"2020-10-04T22:30:00",
51,
1
],
[
"2020-10-04T23:30:00",
48,
1
],
[
"2020-10-05T03:30:00",
49,
1
],
[
"2020-10-05T04:30:00",
55,
1
],
[
"2020-10-05T05:30:00",
56,
2
],
[
"2020-10-05T06:30:00",
57,
2
],
[
"2020-10-05T07:30:00",
58,
2
],
[
"2020-10-05T08:30:00",
58,
2
],
[
"2020-10-05T09:30:00",
59,
2
],
[
"2020-10-05T10:30:00",
59,
2
],
[
"2020-10-05T11:30:00",
59,
2
],
[
"2020-10-05T12:30:00",
58,
2
],
[
"2020-10-05T13:30:00",
55,
1
],
[
"2020-10-05T14:30:00",
54,
1
],
[
"2020-10-05T15:30:00",
49,
1
],
[
"2020-10-05T16:30:00",
52,
1
],
[
"2020-10-05T17:30:00",
53,
1
],
[
"2020-10-05T18:30:00",
53,
1
],
[
"2020-10-05T19:30:00",
54,
1
],
[
"2020-10-05T20:30:00",
54,
1
],
[
"2020-10-05T21:30:00",
54,
1
],
[
"2020-10-05T22:30:00",
54,
1
],
[
"2020-10-05T23:30:00",
54,
1
],
[
"2020-10-06T00:30:00",
53,
1
],
[
"2020-10-06T01:30:00",
53,
1
],
[
"2020-10-06T02:30:00",
52,
1
],
[
"2020-10-06T03:30:00",
50,
1
],
[
"2020-10-06T04:30:00",
52,
1
],
[
"2020-10-06T05:30:00",
53,
1
],
[
"2020-10-06T06:30:00",
53,
1
],
[
"2020-10-06T07:30:00",
53,
1
],
[
"2020-10-06T08:30:00",
53,
1
],
[
"2020-10-06T09:30:00",
53,
1
],
[
"2020-10-06T10:30:00",
52,
1
],
[
"2020-10-06T11:30:00",
50,
1
],
[
"2020-10-06T12:30:00",
49,
1
],
[
"2020-10-06T13:30:00",
47,
1
],
[
"2020-10-06T14:30:00",
45,
2
],
[
"2020-10-06T15:30:00",
45,
2
]
],
"name": "humi",
"title": "Humidity",
"type": "line",
"symbol": "none",
"label": {
"show": true
}
}
]
}
1 個解決方案
解決方案1
0 2020-10-10 17:25:37
我認為您應該使用維度 1 而不是維度 2，因為您想要映射其濕度值並將濕度值分組到理想、警告和危險類別的范圍內。 例如：
- 理想：最小：48，最大：55
- 警告：最小：55，最大：59
- 危險：最低：59
您的視覺地圖選項將是：
visualMap: {
dimension: 1,
seriesIndex: 0,
top: 20,
right: 20,
pieces: [
{
min: 48,
max: 55,
color: "#00d27a",
label: "Ideal",
},
{
min: 55,
max: 59,
color: "#f5803e",
label: "Warning",
},
{
min: 59,
color: "#e63757",
label: "Danger",
},
],
outOfRange: {
color: "#000",
},
},
結果：
ECharts：改變線條顏色。 我選了 2 種顏色。兩種顏色都顯示奇偶風格
[英]ECharts: change line color. i have pick 2 color .Both two color show like odd and even style
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.