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/14 09:13:13 UTC
[GitHub] [echarts] lichaoqq123125 commented on issue #17901: [Feature] solve anomails line by area and line
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