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/09/02 09:00:16 UTC
[GitHub] [echarts] bryanzhou opened a new issue, #17607: [Bug] 版本大于等于5.3.0在某些数据情况下,图表右侧会出现巨大的空白(可在官网实例的代码编辑器复现)
bryanzhou opened a new issue, #17607:
URL: https://github.com/apache/echarts/issues/17607
### Version
>=5.3.0
### Link to Minimal Reproduction
_No response_
### Steps to Reproduce
```
option = {
"color": [
"#5470C6",
"#91CC75",
"#EE6666",
"#FFD700",
"#008000"
],
"tooltip": {
"trigger": "axis",
"axisPointer": {
"type": "cross"
}
},
"legend": {
"data": [
"aaa",
"bbb",
"ccc",
"ddd",
"eee"
]
},
"xAxis": [
{
"type": "category",
"axisTick": {
"alignWithLabel": true
},
"data": [
"2022-01-01",
"2022-01-02",
"2022-01-03",
"2022-01-04",
"2022-01-05",
"2022-01-06",
"2022-01-07",
"2022-01-08",
"2022-01-09",
"2022-01-10",
"2022-01-11",
"2022-01-12",
"2022-01-13",
"2022-01-14",
"2022-01-15",
"2022-01-16",
"2022-01-17",
"2022-01-18",
"2022-01-19",
"2022-01-20",
"2022-01-21",
"2022-01-22",
"2022-01-23",
"2022-01-24",
"2022-01-25",
"2022-01-26",
"2022-01-27",
"2022-01-28",
"2022-01-29",
"2022-01-30",
"2022-01-31",
"2022-02-01",
"2022-02-02",
"2022-02-03",
"2022-02-04",
"2022-02-05",
"2022-02-06",
"2022-02-07",
"2022-02-08",
"2022-02-09",
"2022-02-10",
"2022-02-11",
"2022-02-12",
"2022-02-13",
"2022-02-14",
"2022-02-15",
"2022-02-16",
"2022-02-17",
"2022-02-18",
"2022-02-19",
"2022-02-20",
"2022-02-21",
"2022-02-22",
"2022-02-23",
"2022-02-24",
"2022-02-25",
"2022-02-26",
"2022-02-27",
"2022-02-28",
"2022-03-01",
"2022-03-02",
"2022-03-03",
"2022-03-04",
"2022-03-05",
"2022-03-06",
"2022-03-07",
"2022-03-08",
"2022-03-09",
"2022-03-10",
"2022-03-11",
"2022-03-12",
"2022-03-13",
"2022-03-14",
"2022-03-15",
"2022-03-16",
"2022-03-17",
"2022-03-18",
"2022-03-19",
"2022-03-20",
"2022-03-21",
"2022-03-22",
"2022-03-23",
"2022-03-24",
"2022-03-25",
"2022-03-26",
"2022-03-27",
"2022-03-28",
"2022-03-29",
"2022-03-30",
"2022-03-31",
"2022-04-01",
"2022-04-02",
"2022-04-03",
"2022-04-04",
"2022-04-05",
"2022-04-06",
"2022-04-07",
"2022-04-08",
"2022-04-09",
"2022-04-10",
"2022-04-11",
"2022-04-12",
"2022-04-13",
"2022-04-14",
"2022-04-15",
"2022-04-16",
"2022-04-17",
"2022-04-18",
"2022-04-19",
"2022-04-20",
"2022-04-21",
"2022-04-22",
"2022-04-23",
"2022-04-24",
"2022-04-25",
"2022-04-26",
"2022-04-27",
"2022-04-28",
"2022-04-29",
"2022-04-30",
"2022-05-01",
"2022-05-02",
"2022-05-03",
"2022-05-04",
"2022-05-05",
"2022-05-06",
"2022-05-07",
"2022-05-08",
"2022-05-09",
"2022-05-10",
"2022-05-11",
"2022-05-12",
"2022-05-13",
"2022-05-14",
"2022-05-15",
"2022-05-16",
"2022-05-17",
"2022-05-18",
"2022-05-19",
"2022-05-20",
"2022-05-21",
"2022-05-22",
"2022-05-23",
"2022-05-24",
"2022-05-25",
"2022-05-26",
"2022-05-27",
"2022-05-28",
"2022-05-29",
"2022-05-30",
"2022-05-31",
"2022-06-01",
"2022-06-02",
"2022-06-03",
"2022-06-04",
"2022-06-05",
"2022-06-06",
"2022-06-07",
"2022-06-08",
"2022-06-09",
"2022-06-10",
"2022-06-11",
"2022-06-12",
"2022-06-13",
"2022-06-14",
"2022-06-15",
"2022-06-16",
"2022-06-17",
"2022-06-18",
"2022-06-19",
"2022-06-20",
"2022-06-21",
"2022-06-22",
"2022-06-23",
"2022-06-24",
"2022-06-25",
"2022-06-26",
"2022-06-27",
"2022-06-28",
"2022-06-29",
"2022-06-30",
"2022-07-01",
"2022-07-02",
"2022-07-03",
"2022-07-04",
"2022-07-05",
"2022-07-06",
"2022-07-07",
"2022-07-08",
"2022-07-09",
"2022-07-10",
"2022-07-11",
"2022-07-12",
"2022-07-13",
"2022-07-14",
"2022-07-15",
"2022-07-16",
"2022-07-17",
"2022-07-18",
"2022-07-19",
"2022-07-20",
"2022-07-21",
"2022-07-22",
"2022-07-23",
"2022-07-24",
"2022-07-25",
"2022-07-30",
"2022-07-31",
"2022-08-01",
"2022-08-02",
"2022-08-03",
"2022-08-05",
"2022-08-07",
"2022-08-09",
"2022-08-10",
"2022-08-13",
"2022-08-15",
"2022-08-16",
"2022-08-17",
"2022-08-20",
"2022-08-21",
"2022-08-22",
"2022-08-23",
"2022-08-24",
"2022-08-25",
"2022-08-27",
"2022-08-29",
"2022-08-30",
"2022-09-01"
],
"axisLabel": {
"textStyle": {
"fontSize": "10"
}
}
}
],
"grid": {
"left": "1%",
"right": "1%",
"bottom": "3%",
"containLabel": true
},
"yAxis": [
{
"type": "value",
"name": "y1",
"position": "left",
"alignTicks": true,
"axisLine": {
"show": true,
"lineStyle": {
"color": "#91CC75"
}
}
},
{
"type": "value",
"name": "y2",
"position": "right",
"alignTicks": true,
"axisLine": {
"show": true,
"lineStyle": {
"color": "#EE6666"
}
}
}
],
"series": [
{
"data": [
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0
],
"name": "aaa",
"type": "bar",
"stack": "effect"
},
{
"data": [
0,
0,
0,
10,
3,
1,
0,
0,
0,
9,
2,
7,
7,
5,
1,
2,
2,
6,
4,
4,
18,
0,
0,
6,
4,
2,
9,
2,
0,
0,
0,
0,
0,
0,
0,
0,
0,
1,
0,
0,
4,
2,
0,
0,
10,
2,
2,
11,
2,
0,
0,
6,
3,
4,
2,
2,
0,
0,
3,
2,
7,
1,
4,
0,
0,
6,
7,
5,
10,
2,
0,
0,
2,
4,
13,
7,
0,
0,
0,
4,
3,
10,
5,
9,
0,
0,
6,
6,
5,
11,
1,
1,
0,
0,
0,
5,
2,
3,
0,
0,
8,
2,
5,
7,
4,
0,
0,
1,
2,
10,
4,
5,
0,
5,
10,
4,
6,
28,
43,
0,
0,
0,
0,
0,
15,
3,
6,
0,
21,
8,
1,
6,
7,
0,
0,
6,
13,
6,
5,
6,
0,
0,
1,
4,
3,
16,
3,
1,
0,
7,
19,
3,
13,
0,
0,
0,
6,
11,
3,
10,
4,
0,
0,
18,
9,
9,
6,
5,
0,
0,
9,
2,
6,
16,
9,
0,
0,
10,
5,
5,
11,
4,
0,
0,
9,
5,
7,
7,
15,
0,
0,
5,
7,
5,
8,
6,
0,
0,
16,
6,
8,
8,
9,
0,
2,
4,
0,
0,
4,
14,
9,
2,
0,
7,
7,
0,
6,
9,
6,
0,
0,
7,
7,
9,
6,
0,
4,
10,
5
],
"name": "bbb",
"type": "bar",
"stack": "effect"
},
{
"data": [
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0
],
"name": "ccc",
"type": "bar",
"stack": "effect"
},
{
"data": [
62,
62,
62,
52,
55,
60,
60,
62,
62,
54,
56,
56,
60,
66,
75,
73,
71,
72,
73,
76,
65,
75,
75,
71,
71,
71,
64,
75,
76,
78,
78,
78,
78,
78,
78,
78,
78,
77,
76,
76,
79,
80,
82,
82,
71,
76,
78,
75,
79,
82,
82,
76,
77,
77,
77,
80,
87,
87,
84,
85,
82,
86,
96,
99,
99,
93,
95,
94,
93,
98,
104,
104,
103,
105,
98,
101,
109,
113,
113,
109,
111,
107,
108,
106,
118,
118,
113,
109,
114,
107,
112,
116,
119,
119,
119,
114,
121,
123,
130,
130,
123,
130,
130,
134,
138,
142,
142,
141,
144,
138,
143,
154,
158,
153,
151,
156,
156,
112,
76,
79,
79,
79,
79,
79,
66,
72,
69,
74,
51,
48,
53,
56,
57,
59,
59,
54,
45,
49,
54,
53,
61,
61,
60,
57,
57,
50,
62,
69,
69,
66,
57,
65,
59,
68,
68,
68,
64,
65,
73,
71,
77,
81,
81,
63,
63,
62,
62,
68,
71,
71,
63,
67,
69,
64,
66,
73,
73,
67,
68,
67,
63,
67,
73,
73,
66,
70,
69,
67,
62,
66,
66,
63,
71,
69,
69,
77,
82,
82,
68,
75,
79,
85,
89,
92,
90,
96,
107,
107,
110,
101,
101,
103,
103,
98,
97,
105,
107,
110,
114,
116,
116,
103,
108,
113,
111,
114,
122,
120,
119
],
"name": "ddd",
"type": "bar",
"stack": "effect"
},
{
"yAxisIndex": 1,
"data": [
0.14,
0.139,
0.153,
0.151,
0.151,
0.151,
0.148,
0.14,
0.138,
0.136,
0.138,
0.14,
0.145,
0.127,
0.129,
0.145,
0.145,
0.15,
0.153,
0.151,
0.135,
0.132,
0.132,
0.128,
0.129,
0.13,
0.132,
0.129,
0.128,
0.125,
0.126,
0.126,
0.126,
0.126,
0.125,
0.125,
0.124,
0.121,
0.121,
0.121,
0.115,
0.116,
0.111,
0.104,
0.109,
0.11,
0.113,
0.115,
0.11,
0.105,
0.102,
0.113,
0.108,
0.114,
0.117,
0.115,
0.113,
0.107,
0.106,
0.108,
0.115,
0.117,
0.122,
0.122,
0.122,
0.127,
0.127,
0.132,
0.129,
0.131,
0.131,
0.135,
0.134,
0.131,
0.136,
0.164,
0.162,
0.159,
0.163,
0.166,
0.167,
0.172,
0.17,
0.181,
0.176,
0.175,
0.174,
0.176,
0.179,
0.176,
0.176,
0.175,
0.174,
0.17,
0.17,
0.169,
0.167,
0.173,
0.17,
0.186,
0.183,
0.186,
0.172,
0.178,
0.188,
0.188,
0.181,
0.179,
0.182,
0.182,
0.181,
0.186,
0.182,
0.193,
0.19,
0.196,
0.2,
0.181,
0.2,
0.198,
0.205,
0.204,
0.203,
0.203,
0.173,
0.167,
0.169,
0.169,
0.09,
0.09,
0.091,
0.09,
0.091,
0.092,
0.089,
0.085,
0.088,
0.089,
0.089,
0.09,
0.088,
0.088,
0.086,
0.087,
0.086,
0.085,
0.085,
0.083,
0.079,
0.066,
0.072,
0.073,
0.078,
0.078,
0.078,
0.079,
0.081,
0.082,
0.083,
0.15,
0.153,
0.153,
0.154,
0.15,
0.151,
0.144,
0.156,
0.155,
0.156,
0.158,
0.154,
0.156,
0.159,
0.166,
0.159,
0.158,
0.169,
0.166,
0.167,
0.168,
0.17,
0.165,
0.164,
0.157,
0.155,
0.158,
0.16,
0.163,
0.168,
0.166,
0.177,
0.178,
0.183,
0.186,
0.193,
0.199,
0.218,
0.223,
0.231,
0.233,
0.238,
0.248,
0.251,
0.248,
0.243,
0.266,
0.266,
0.266,
0.28,
0.289,
0.28,
0.281,
0.283,
0.286,
0.251,
0.264,
0.265,
0.273,
0.274,
0.277,
0.277,
0.28,
0.281,
0.26,
0.261,
0.259,
0.253,
0.257,
0.23
],
"name": "eee",
"type": "line",
"connectNulls": "true"
}
]
};
```
[可直接在编辑器处复现此问题](https://echarts.apache.org/examples/zh/editor.html)
### Current Behavior
版本大于等于5.3.0图表右侧有巨大空白
![image](https://user-images.githubusercontent.com/7711142/188104019-457a39de-a3e6-4a44-96ab-c982798a70f0.png)
### Expected Behavior
版本5.2.2,一切正常
![image](https://user-images.githubusercontent.com/7711142/188103755-7c3e028b-1a8a-4b34-9601-4021b8cb3f7b.png)
### Environment
```markdown
- OS:macOS Monterey
- Browser:Chrome 104.0.5112.101
- Framework:https://echarts.apache.org/examples/zh/editor.html
```
### Any additional comments?
_No response_
--
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] plainheart commented on issue #17607: [Bug] 版本大于等于5.3.0在某些数据情况下,图表右侧会出现巨大的空白(可在官网实例的代码编辑器复现)
Posted by GitBox <gi...@apache.org>.
plainheart commented on issue #17607:
URL: https://github.com/apache/echarts/issues/17607#issuecomment-1235403346
It seems the new feature `alignTicks` introduced in v5.3.0 causes this unexpected behavior.
--
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] echarts-bot[bot] commented on issue #17607: [Bug] 版本大于等于5.3.0在某些数据情况下,图表右侧会出现巨大的空白(可在官网实例的代码编辑器复现)
Posted by GitBox <gi...@apache.org>.
echarts-bot[bot] commented on issue #17607:
URL: https://github.com/apache/echarts/issues/17607#issuecomment-1235251570
@bryanzhou 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>
**TITLE**
[Bug] When the version is greater than or equal to 5.3.0, in some data cases, a huge blank will appear on the right side of the chart (this can be reproduced in the code editor of the official website instance)
</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