ECharts -视觉地图不呈现线条颜色(用钢笔)
ECharts -视觉地图不呈现线条颜色(用钢笔)
提问于 2020-10-06 17:26:06
我正试图使用电子地图中的可视地图，根据我的系列数据中的维数对这条线进行着色。目前，这个系列的标签是基于这张地图正确的颜色，但线本身不是。这是一个错误还是我做错了？
我真的更喜欢这些值之间的梯度，但在这一点上，我将采取任何进展。
{
"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
Stack Overflow用户
发布于 2020-10-10 17:25:37
我认为您应该使用维度1而不是2，因为您希望映射它的湿度值和分组湿度值，将其归为理想的、警告的和危险的类别。例如：
- 理想:最小: 48，最大: 55
- 警告: min: 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",
},
},结果：
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64230917
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号