Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug] render is slow when yAxis.type=time and yAxis.max is less then the min of data #19739

Closed
aHappySand opened this issue Mar 21, 2024 · 4 comments
Labels
bug en This issue is in English pending We are not sure about whether this is a bug/new feature.

Comments

@aHappySand
Copy link

Version

5.4.2

Link to Minimal Reproduction

https://echarts.apache.org/examples/zh/editor.html?c=scatter-simple

Steps to Reproduce

optoin =
{
"title": [],
"tooltip": {
"show": "{A}:{V}"
},
"toolbox": {},
"xAxis": [
{
"type": "category",
"showRange": false,
"scale": true,
"inverse": false,
"axisLabel": {
"fontStyle": "normal",
"fontSize": 12,
"fontFamily": "Microsoft Yahei UI",
"fontWeight": "normal",
"fontColor": "#61646b",
"show": true,
"interval": "auto",
"rotate": 0,
"color": "#61646b",
"fontType": 1,
"horizontalAlignment": 0,
"verticalAlignment": 1,
"textWrapping": 1,
"name": null,
"margin": 5,
"hideOverlap": true
},
"axisLine": {
"show": true,
"onZero": false,
"lineStyle": {
"color": "#d1d4de"
}
},
"axisTick": {
"show": true,
"lineStyle": {
"color": "#d1d4de"
}
},
"splitLine": {
"show": false,
"lineStyle": {
"color": "#e8edf8"
}
},
"data": [
"SC3+SC1清洗",
"台阶测试",
"干法去胶",
"显影",
"显微镜检查",
"标记干法刻蚀",
"涂胶",
"湿法去胶",
"激光打标",
"甩干",
"目检",
"零层曝光"
],
"labelHeight": 77.39999389648438,
"axisMultiLabel": {
"show": false,
"data": [
{
"rotate": 0,
"rotation": 0,
"sinValue": 0,
"height": 16,
"offset": 16
}
],
"height": 16,
"font": {
"fontType": 1,
"fontFamily": "Microsoft Yahei UI",
"fontSize": 12,
"fontWeight": "normal",
"fontStyle": "normal",
"horizontalAlignment": 0,
"verticalAlignment": 1,
"textWrapping": 1,
"name": null
},
"categoryWidths": [
77
]
}
}
],
"yAxis": [
{
splitNumber: 5,
"scale": true,
"show": true,
"showRange": false,
"type": "time",
"position": "left",
"name": null,
"nameLocation": "end",
"nameGap": 17,
"nameTextStyle": {
"verticalAlign": "top",
"color": "#333"
},
"axisLabel": {
"fontStyle": "normal",
"fontSize": 12,
"fontFamily": "Microsoft Yahei UI",
"fontWeight": "normal",
"fontColor": "#61646b",
"show": true,
"margin": 5,
"fontType": 2,
"textPattern": "{V:yyyy-MM-dd}",
"horizontalAlignment": 0,
"verticalAlignment": 1,
"textWrapping": 1,
"name": null,
"hideOverlap": true,
"showMinLabel": false,
"showMaxLabel": true,
"width": 42,
"overflow": "truncate",
"color": "#61646b"
},
"axisLine": {
"show": true,
"onZero": false,
"lineStyle": {
"color": "#d1d4de"
}
},
"axisTick": {
"show": true,
"lineStyle": {
"color": "#d1d4de"
}
},
"splitLine": {
"show": true,
"lineStyle": {
"color": "#e8edf8"
}
},
"max": "2023-03-20 00:00:00",
"min": null,
"title": "Move Out 时间",
"labelWidth": 50
}
],
"series": [
{
"yAxisIndex": 0,
"name": "A0001#01",
"main": "Move Out 时间",
"type": "scatter",
"label": {
"fontType": 4,
"horizontalAlignment": 0,
"verticalAlignment": 1,
"textWrapping": 1,
"name": "Move Out 时间",
"fontFamily": "Microsoft Yahei UI",
"fontSize": 12,
"fontWeight": "normal",
"fontStyle": "normal",
"show": false,
"color": "#333",
"rotate": 0,
"position": "top",
"distance": 2
},
"data": [
{
"name": "Move Out 时间",
"value": [
"激光打标",
"2023-11-26 13:15:18",
null,
null
],
},
{
"name": "Move Out 时间",
"value": [
"目检",
"2023-11-26 13:18:16",
null,
null
],
},
{
"name": "Move Out 时间",
"value": [
"SC3+SC1清洗",
"2023-11-26 14:58:39",
null,
null
],
},
{
"name": "Move Out 时间",
"value": [
"甩干",
"2023-11-26 15:11:59",
null,
null
],
},
{
"name": "Move Out 时间",
"value": [
"涂胶",
"2023-11-26 16:55:25",
null,
null
],
},
{
"name": "Move Out 时间",
"value": [
"零层曝光",
"2023-11-26 17:17:15",
null,
null
],
},
{
"name": "Move Out 时间",
"value": [
"显影",
"2023-11-26 17:59:57",
null,
null
],
},
{
"name": "Move Out 时间",
"value": [
"显微镜检查",
"2023-11-26 19:03:18",
null,
null
],
},
{
"name": "Move Out 时间",
"value": [
"标记干法刻蚀",
"2023-11-26 23:17:44",
null,
null
],
},
{
"name": "Move Out 时间",
"value": [
"显微镜检查",
"2023-11-26 23:52:11",
null,
null
],
},
{
"name": "Move Out 时间",
"value": [
"干法去胶",
"2023-11-27 01:16:11",
null,
null
],
},
{
"name": "Move Out 时间",
"value": [
"台阶测试",
"2023-11-27 01:31:18",
null,
null
],
},
{
"name": "Move Out 时间",
"value": [
"湿法去胶",
"2023-11-27 02:50:55",
null,
null
],
},
{
"name": "Move Out 时间",
"value": [
"甩干",
"2023-11-27 03:00:32",
null,
null
],
}
],
"zlevel": 1,
"itemStyle": {
"color": "#69a1ff",
"opacity": 1,
"hideColor": "rgb(225, 236, 255)"
},
"symbolSize": 10,
"progressive": 20000,
"progressiveThreshold": 40000,
"symbol": "circle",
"markLine": {
"silent": true,
"symbol": "none",
"data": [],
"animation": false
}
},
{
"yAxisIndex": 0,
"name": "A0001#02",
"main": "Move Out 时间",
"type": "scatter",
"label": {
"fontType": 4,
"horizontalAlignment": 0,
"verticalAlignment": 1,
"textWrapping": 1,
"name": "Move Out 时间",
"fontFamily": "Microsoft Yahei UI",
"fontSize": 12,
"fontWeight": "normal",
"fontStyle": "normal",
"show": false,
"color": "#333",
"rotate": 0,
"position": "top",
"distance": 2
},
"data": [
{
"name": "Move Out 时间",
"value": [
"激光打标",
"2023-11-27 03:10:08",
null,
null
],
},
{
"name": "Move Out 时间",
"value": [
"目检",
"2023-11-27 03:19:45",
null,
null
],
},
{
"name": "Move Out 时间",
"value": [
"SC3+SC1清洗",
"2023-11-27 03:29:22",
null,
null
],
},
{
"name": "Move Out 时间",
"value": [
"甩干",
"2023-11-27 03:38:59",
null,
null
],
},
{
"name": "Move Out 时间",
"value": [
"涂胶",
"2023-11-27 03:48:36",
null,
null
],
},
{
"name": "Move Out 时间",
"value": [
"零层曝光",
"2023-11-27 03:58:13",
null,
null
],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "显影",
                                    "2023-11-27 04:07:50",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "显微镜检查",
                                    "2023-11-27 04:17:27",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "标记干法刻蚀",
                                    "2023-11-27 04:27:04",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "显微镜检查",
                                    "2023-11-27 04:36:41",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "干法去胶",
                                    "2023-11-27 04:46:18",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "台阶测试",
                                    "2023-11-27 04:55:55",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "湿法去胶",
                                    "2023-11-27 05:05:32",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "甩干",
                                    "2023-11-27 05:15:09",
                                    null,
                                    null
                                ],

                            }
                        ],
                        "zlevel": 1,
                        "itemStyle": {
                            "color": "#f7b15a",
                            "opacity": 1,
                            "hideColor": "rgb(253, 239, 222)"
                        },
                        "symbolSize": 10,
                        "progressive": 20000,
                        "progressiveThreshold": 40000,
                        "symbol": "circle",
                        "markLine": {
                            "silent": true,
                            "symbol": "none",
                            "data": [],
                            "animation": false
                        }
                    },
                    {
                        "yAxisIndex": 0,
                        "name": "A0001#03",
                        "main": "Move Out 时间",
                        "type": "scatter",
                        "label": {
                            "fontType": 4,
                            "horizontalAlignment": 0,
                            "verticalAlignment": 1,
                            "textWrapping": 1,
                            "name": "Move Out 时间",
                            "fontFamily": "Microsoft Yahei UI",
                            "fontSize": 12,
                            "fontWeight": "normal",
                            "fontStyle": "normal",
                            "show": false,
                            "color": "#333",
                            "rotate": 0,
                            "position": "top",
                            "distance": 2
                        },
                        "data": [
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "激光打标",
                                    "2023-11-27 05:24:46",
                                    null,
                                    null
                                ],
                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "目检",
                                    "2023-11-27 05:34:23",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "SC3+SC1清洗",
                                    "2023-11-27 05:44:00",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "甩干",
                                    "2023-11-27 05:53:37",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "涂胶",
                                    "2023-11-27 06:03:14",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "零层曝光",
                                    "2023-11-27 06:12:51",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "显影",
                                    "2023-11-27 06:22:28",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "显微镜检查",
                                    "2023-11-27 06:32:05",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "标记干法刻蚀",
                                    "2023-11-27 06:41:42",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "显微镜检查",
                                    "2023-11-27 06:51:19",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "干法去胶",
                                    "2023-11-27 07:00:56",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "台阶测试",
                                    "2023-11-27 07:10:33",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "湿法去胶",
                                    "2023-11-27 07:20:10",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "甩干",
                                    "2023-11-27 07:29:47",
                                    null,
                                    null
                                ],

                            }
                        ],
                        "zlevel": 1,
                        "itemStyle": {
                            "color": "#4dd263",
                            "opacity": 1,
                            "hideColor": "rgb(219, 246, 224)"
                        },
                        "symbolSize": 10,
                        "progressive": 20000,
                        "progressiveThreshold": 40000,
                        "symbol": "circle",
                        "markLine": {
                            "silent": true,
                            "symbol": "none",
                            "data": [],
                            "animation": false
                        }
                    },
                    {
                        "yAxisIndex": 0,
                        "name": "A0001#04",
                        "main": "Move Out 时间",
                        "type": "scatter",
                        "label": {
                            "fontType": 4,
                            "horizontalAlignment": 0,
                            "verticalAlignment": 1,
                            "textWrapping": 1,
                            "name": "Move Out 时间",
                            "fontFamily": "Microsoft Yahei UI",
                            "fontSize": 12,
                            "fontWeight": "normal",
                            "fontStyle": "normal",
                            "show": false,
                            "color": "#333",
                            "rotate": 0,
                            "position": "top",
                            "distance": 2
                        },
                        "data": [
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "激光打标",
                                    "2023-11-27 07:39:24",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "目检",
                                    "2023-11-27 07:49:01",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "SC3+SC1清洗",
                                    "2023-11-27 07:58:38",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "甩干",
                                    "2023-11-27 08:08:15",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "涂胶",
                                    "2023-11-27 08:17:52",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "零层曝光",
                                    "2023-11-27 08:27:29",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "显影",
                                    "2023-11-27 08:37:06",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "显微镜检查",
                                    "2023-11-27 08:46:43",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "标记干法刻蚀",
                                    "2023-11-27 08:56:20",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "显微镜检查",
                                    "2023-11-27 09:05:57",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "干法去胶",
                                    "2023-11-27 09:15:34",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "台阶测试",
                                    "2023-11-27 09:25:11",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "湿法去胶",
                                    "2023-11-27 09:34:48",
                                    null,
                                    null
                                ],

                            },
                            {
                                "name": "Move Out 时间",
                                "value": [
                                    "甩干",
                                    "2023-11-27 09:44:25",
                                    null,
                                    null
                                ],
                            }
                        ],
                        "zlevel": 1,
                        "itemStyle": {
                            "color": "#fcf26b",
                            "opacity": 1,
                            "hideColor": "rgb(254, 252, 225)"
                        },
                        "symbolSize": 10,
                        "progressive": 20000,
                        "progressiveThreshold": 40000,
                        "symbol": "circle",
                        "markLine": {
                            "silent": true,
                            "symbol": "none",
                            "data": [],
                            "animation": false
                        }
                    },

                ],
                "textStyle": {
                    "fontStyle": "normal",
                    "fontSize": 12,
                    "fontFamily": "Microsoft Yahei UI,\"Helvetica Neue\",Helvetica,\"PingFang SC\",\"Hiragino Sans GB\",\"Microsoft YaHei\",\"微软雅黑\",Arial,sans-serif",
                    "fontWeight": "normal",
                    "fontColor": "#61646b"
                },
                "grid": {
                    "top": 7.199999999999999,
                    "bottom": 77.39999389648438,
                    "left": 50,
                    "right": 100
                },
                "dataZoom": [],
                "animation": false
            }

Current Behavior

render is slow
scatter

Expected Behavior

render fast

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

@aHappySand aHappySand added the bug label Mar 21, 2024
@echarts-bot echarts-bot bot added en This issue is in English pending We are not sure about whether this is a bug/new feature. labels Mar 21, 2024
@aHappySand aHappySand changed the title [Bug] render is slow when yAxis.type=time and yAxis.max is less then the max of data [Bug] render is slow when yAxis.type=time and yAxis.max is less then the min of data Mar 21, 2024
@helgasoft
Copy link

maybe you just need encode - Demo.
📌 please close issue if problem solved.

line-simple

@aHappySand
Copy link
Author

we have to set min or max for filter the time, and the DEMO dose't set min or max,and the axis is inverse。if you insist no problem,I close the issue.

@aHappySand
Copy link
Author

I've put a limit on min and max not to exceed the value range, thank you!

@Zego001
Copy link

Zego001 commented Apr 12, 2024

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug en This issue is in English pending We are not sure about whether this is a bug/new feature.
Projects
None yet
Development

No branches or pull requests

3 participants