You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by GitBox <gi...@apache.org> on 2022/11/10 10:00:15 UTC
[GitHub] [echarts] lichaoqq123125 opened a new issue, #17901: [Feature] solve anomails line by area and line
lichaoqq123125 opened a new issue, #17901:
URL: https://github.com/apache/echarts/issues/17901
### What problem does this feature solve?
### What does the proposed API look like?
Whether the above picture can be achieved by visula piese？
1. Support upper and lower limit data
2. Support custom the line color in the limit area.
能否实现上图效果
1. 希望支持输入上下限的数据
2. 可以定制区域面积的线条颜色和区域外面的线条颜色
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] echarts-bot[bot] commented on issue #17901: [Feature] solve anomails line by area and line
Posted by GitBox <gi...@apache.org>.
echarts-bot[bot] commented on issue #17901:
URL: https://github.com/apache/echarts/issues/17901#issuecomment-1310039973
@lichaoqq123125 It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗
<details><summary><b>TRANSLATED</b></summary><br>
**BODY**
### What problem does this feature solve?
### What does the proposed API look like?
Whether the above picture can be achieved by visula piese？
1. Support upper and lower limit data
2. Support custom the line color in the limit area.
Whether the effect of the above figure can be achieved
1. You want to support the input of upper and lower limit data
2. You can customize the line color of the area area and the line color outside the area
</details>
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] lichaoqq123125 commented on issue #17901: [Feature] solve anomails line by area and line
Posted by GitBox <gi...@apache.org>.
lichaoqq123125 commented on issue #17901:
URL: https://github.com/apache/echarts/issues/17901#issuecomment-1313345991
我通过控制面积区域的层级和线条的透明度，勉强能实现该效果，但颜色不好控制，有其他好的办法吗？
附配置参数：
`option ={
"title": {
"text": ""
},
"tooltip": {
"trigger": "axis",
"axisPointer": {
"type": "cross",
"label": {
"backgroundColor": "#6a7985"
}
}
},
"legend": {
"data": [{
"name": "数据"
}]
},
"toolbox": {
"feature": {
"saveAsImage": {}
}
},
"grid": {
"left": "3%",
"right": "4%",
"bottom": 60,
"containLabel": true
},
"xAxis": [{
"type": "category",
"data": ["2022-11-07 16:00:00", "2022-11-07 18:00:00", "2022-11-07 20:00:00", "2022-11-07 22:00:00", "2022-11-08 00:00:00", "2022-11-08 02:00:00", "2022-11-08 04:00:00", "2022-11-08 06:00:00", "2022-11-08 08:00:00", "2022-11-08 10:00:00", "2022-11-08 12:00:00", "2022-11-08 14:00:00", "2022-11-08 16:00:00", "2022-11-08 18:00:00", "2022-11-08 20:00:00", "2022-11-08 22:00:00", "2022-11-09 00:00:00", "2022-11-09 02:00:00", "2022-11-09 04:00:00", "2022-11-09 06:00:00", "2022-11-09 08:00:00", "2022-11-09 10:00:00", "2022-11-09 12:00:00", "2022-11-09 14:00:00", "2022-11-09 16:00:00", "2022-11-09 18:00:00", "2022-11-09 20:00:00", "2022-11-09 22:00:00", "2022-11-10 00:00:00", "2022-11-10 02:00:00", "2022-11-10 04:00:00", "2022-11-10 06:00:00", "2022-11-10 08:00:00", "2022-11-10 10:00:00", "2022-11-10 12:00:00", "2022-11-10 14:00:00", "2022-11-10 16:00:00", "2022-11-10 18:00:00", "2022-11-10 20:00:00", "2022-11-10 22:00:00", "2022-11-11 00:00:00", "2022-11-11 02:00:00", "2022-11-11
04:00:00", "2022-11-11 06:00:00", "2022-11-11 08:00:00", "2022-11-11 10:00:00", "2022-11-11 12:00:00", "2022-11-11 14:00:00", "2022-11-11 16:00:00", "2022-11-11 18:00:00", "2022-11-11 20:00:00", "2022-11-11 22:00:00", "2022-11-12 00:00:00", "2022-11-12 02:00:00", "2022-11-12 04:00:00", "2022-11-12 06:00:00", "2022-11-12 08:00:00", "2022-11-12 10:00:00", "2022-11-12 12:00:00", "2022-11-12 14:00:00", "2022-11-12 16:00:00", "2022-11-12 18:00:00", "2022-11-12 20:00:00", "2022-11-12 22:00:00", "2022-11-13 00:00:00", "2022-11-13 02:00:00", "2022-11-13 04:00:00", "2022-11-13 06:00:00", "2022-11-13 08:00:00", "2022-11-13 10:00:00", "2022-11-13 12:00:00", "2022-11-13 14:00:00", "2022-11-13 16:00:00", "2022-11-13 18:00:00", "2022-11-13 20:00:00", "2022-11-13 22:00:00", "2022-11-14 00:00:00", "2022-11-14 02:00:00", "2022-11-14 04:00:00", "2022-11-14 06:00:00", "2022-11-14 08:00:00", "2022-11-14 10:00:00", "2022-11-14 12:00:00", "2022-11-14 14:00:00", "2022-11-14 16:00:00", "2022-11-14 18:00:00
"]
}],
"yAxis": [{
"type": "value",
"name": "",
"position": "left",
"alignTicks": true,
"symbol": "none",
"splitLine": {
"lineStyle": {
"color": "rgba(0,0,0,.15)"
}
},
"axisLine": {
"show": true,
"lineStyle": {
"color": "rgba(0,0,0,.25)"
}
},
"axisLabel": {}
}],
"series": [{
"name": "数据",
"type": "line",
"z": 2,
"showSymbol": false,
"yAxisIndex": 0,
"lineStyle": {
// type: 'dashed',
// "color": "#0064ff",
// "color": "blue",
"color": "#0100ff",
"opacity": 1
},
"data": [44, 39, 43, 25, 37, 20, 27, 39, 23, 30, 36, 55, 60, 55, 62, 42, 28, 42, 36, 57, 24, 56, 59, 38, 25, 69, 34, 55, 61, 65, 43, 60, 22, 51, 56, 32, 34, 68, 52, 22, 35, 59, 21, 24, 69, 27, 55, 49, 49, 60, 68, 52, 51, 41, 58, 54, 35, 26, 22, 31, 45, 58, 42, 31, 58, 30, 54, 44, 51, 48, 28, 61, 39, 67, 59, 63, 54, 62, 31, 26, 67, 60, 66, 28, 23, 32]
},
{
"name": "内存使用率",
"type": "line",
"z": 3,
"showSymbol": false,
"yAxisIndex": 0,
"lineStyle": {
"color": "red",
// type: 'dashed',
"opacity": 0.3
},
"data": [44, 39, 43, 25, 37, 20, 27, 39, 23, 30, 36, 55, 60, 55, 62, 42, 28, 42, 36, 57, 24, 56, 59, 38, 25, 69, 34, 55, 61, 65, 43, 60, 22, 51, 56, 32, 34, 68, 52, 22, 35, 59, 21, 24, 69, 27, 55, 49, 49, 60, 68, 52, 51, 41, 58, 54, 35, 26, 22, 31, 45, 58, 42, 31, 58, 30, 54, 44, 51, 48, 28, 61, 39, 67, 59, 63, 54, 62, 31, 26, 67, 60, 66, 28, 23, 32]
},
{
"name": "下限",
"type": "line",
"stack": "Total",
"showSymbol": false,
"smooth": true,
"areaStyle": {
"color": "#fff",
"origin": "start",
"opacity": 1
},
"z": 3,
"lineStyle": {
"width": 0
},
"emphasis": {
"focus": "series"
},
"data": [31, 32, 35, 37, 37, 33, 33, 37, 34, 36, 33, 35, 39, 36, 36, 33, 34, 30, 34, 37, 31, 38, 32, 31, 37, 32, 30, 37, 38, 38, 37, 30, 30, 30, 36, 39, 34, 33, 33, 32, 37, 39, 32, 30, 30, 32, 38, 38, 37, 36, 33, 37, 36, 38, 30, 33, 39, 31, 31, 39, 38, 32, 34, 36, 35, 36, 30, 30, 36, 34, 39, 32, 31, 38, 31, 39, 31, 31, 35, 34, 36, 38, 35, 35, 30, 37]
},
{
"name": "上限",
"type": "line",
"stack": "Total",
"showSymbol": false,
"smooth": true,
"z": 1,
"areaStyle": {
"origin": "start",
"opacity": 0.3,
"color": "#d2d2d2"
},
"lineStyle": {
"width": 0
},
"emphasis": {
"focus": "series"
},
"data": [26, 26, 16, 18, 18, 17, 18, 21, 16, 18, 23, 19, 13, 18, 14, 23, 25, 24, 16, 17, 20, 17, 27, 22, 14, 22, 24, 18, 13, 13, 15, 29, 28, 29, 19, 18, 22, 23, 18, 25, 14, 12, 18, 29, 21, 24, 16, 12, 16, 20, 22, 20, 19, 21, 25, 22, 20, 23, 22, 19, 15, 23, 18, 19, 16, 14, 28, 26, 17, 22, 18, 26, 20, 14, 24, 19, 23, 27, 20, 16, 18, 20, 20, 21, 25, 19]
},
{
"name": "上上限",
"type": "line",
"showSymbol": false,
"smooth": true,
"z": 3,
"areaStyle": {
"origin": "end",
"opacity": 1,
"color": "#fff"
},
"lineStyle": {
"width": 0
},
"emphasis": {
"focus": "series"
},
"data": [57, 58, 51, 55, 55, 50, 51, 58, 50, 54, 56, 54, 52, 54, 50, 56, 59, 54, 50, 54, 51, 55, 59, 53, 51, 54, 54, 55, 51, 51, 52, 59, 58, 59, 55, 57, 56, 56, 51, 57, 51, 51, 50, 59, 51, 56, 54, 50, 53, 56, 55, 57, 55, 59, 55, 55, 59, 54, 53, 58, 53, 55, 52, 55, 51, 50, 58, 56, 53, 56, 57, 58, 51, 52, 55, 58, 54, 58, 55, 50, 54, 58, 55, 56, 55, 56]
}],
"dataZoom": [{
"type": "slider",
"start": 0,
"end": 100
},
{
"start": 0,
"end": 100
}]
}
`
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org