You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by "RahulVishK (via GitHub)" <gi...@apache.org> on 2023/06/27 06:36:36 UTC
[GitHub] [echarts] RahulVishK opened a new issue, #18812: each "Time" Axes in different grids is giving an issue
RahulVishK opened a new issue, #18812:
URL: https://github.com/apache/echarts/issues/18812
### Version
5.4.2
### Link to Minimal Reproduction
https://echarts.apache.org/examples/en/editor.html?c=line-simple&code=PYBwLglsB2AEC8sDeAoWsCeBBAHhAzgFywDaa6y5Fs0AhgLYCmxA5ALKO34CuATo_hYAaKhTAYQzWCwButADbdGw0enoRoxAIwAGLQDYAdAA4R1NbRzaATABYA7IetnzGsI15z5xa8ZM6AwKCArRdqOiYAcVoQYlt9MIoIxgAZYABjWkgYVnUAEzz5ZUT0ZIAlYDAsqQBOHRLYEGB8CGzNaSKAMzAVc1gNGQ98KU6FYYb8EHlWlI0pJABfEVVYYE7O4bBiepXLAlnoeZX0fAALYAB3bQb0GAAtD2BiUflx49hpw4BlcSLiVD61HSwHkwF4rAAxMEdCx3gsVktdnh8AAVCDpADW_3eGhaeRGY0YN1gZ0uxDAvCUxIUEAA5tAAOqtU4pWgAI0Y3lgFKUCIae3wrI5XIBgOBoPB0ihwV6gM6MDAXwgAC8pLpifLoIrflIWNAwfQFLK-pqwAzGHTTltpPreIb5MbzMrru9gINeJ1QVdpDzoJl3I7qLiIPjnoTibxKtViABmfQ7QEk87enlE96ki5sDRCznEaDceTyYkZtiWHNc_OF4mnEOMADy7vkMTDr0YCNEiOoouo4kkrC8SkDJMyf25lLTfVpvBDAEloPirLBQkj9nNsYmMy3hnyV4L2bnKBvk1u231O-YBWjMevAZvYC9t2eO-QALouYbTgTEMhdlY4XAEHOC7bA02DIkBjCLgm5i9rqmTzkU-CQJiQ7OrA0HhAwuo4Bg1iMNY6SMDo0DGIwAD6tAAFaMKcxgYvIyoYtAggNHkWS0N-7wkCw1g6LxAD0Og1IJtjCEuWg1DUQjiTUpgybY0laLxOhvlxPF8To_FKVp1hiVoWgAKwKeJ8aKYZxn6fo1iqYm3G8dYWiCQZ_HWDGenWHYikOfYXlaDGXm-DZgJ2Xxjk6MYgn2HpW
jGAZZk1P54mxfFMZBX0IUOVpYX6HpOgxnJui2BZeUJEuOi2DUaXmBl1haZpOg5YpDU-WVpllQZpW6PYWhVdQNV1S5xi5R1TUGc4ZW2AVDUqcS_XabouXxE1FXLeNugGT1s3qa5gmOVoUXLVNBn1BNiXrTNan2TGgnXQ50UNWZ-lmeVj3WVtV0iXVuXdU1-hTfocVlfYti9RQGXXTozkGPdoTiQETU1J162g-g4NOfxMYwgjgO6DUONCWtQnGC-Kyg60jD0D8GCjt25jimCOiQusQRDug9OSiw0rGIErOwGyYL4rwADCIIM0znQs8S_O8ILIsSpCATcwEsJng0YDACCkCxIegIUnStIeKw5P0Lz7g4Nq1NHIm6CmkqqrEDUcLttQ57oLT6CwawbK0LwQ5gYB86QS6fT_uBgeLsufRsVUnG2Sw5UuRpgk1O5AQo6QLDafZmlKdFVnp3Zt2hU57mBVtOj2InmXhdFCUF_H-hV3tWiLZV5eN_ZtULU13X174Vdd1jrUXXHugDzpw2bWp-1VxDLejSPwU8Y5H15dFSn12Pq-iT3INbQYs8l89Bn15jh-Q7lskk30ZPuJTOo3n07OsCAGgYir5jwi7r7LOg0e0HcDW9BY4UHdveCA8h3C8DYMAUM0hOgQKgUOJCPswAADUFBKDzAWIsKxGDzgwYoKQlZcEhwAvgCCi4SGgXIZQ78J0p59E9tIYM-IP7oFdjragCDIEeBgXAvUMBigrBQbwdBmDiE4IaPgvIhCsE0CkX-Wh4cQIrH9hQlRpAGGg2YSwVhyhnzoCClOEMIC3YrC6NaewPkVjTlpFabQGEKD8zAOrYBsAHI1CcHFFY6ttYGVMCsYEWpaDZn3FyB8p4KCcLAZY4g1iGh2IcWVBoLi3E-ECUw0APgahaEMPYHxT8FShOgOWE8hjYCqXIKHAgZiuEUH_nU6g8dbBV3qinYkmdarZwnp0na9kwoGV5vHSuAzBJDU6Q1JuWVhlT
M7l9PpEV5nd3eJnTSyzdKdJnqveeqzMqrzcls9ZfEIY71WQfVeQzOln0uewigoNkisH4OkLQGJo6MF2UwiQupIBMCHMkaI2sYwKRWMkNI_ooDtBYPkQowi-jlCjO4WMpkVhNBaG0L2lQ3FDgGEMAkrYJhTBmGuep1A7yRJ3PCrCKJIIWxpu8aWgsmR5DAKcYOgJGUeBRN81g-AQQhl5s_KU0Jea2xVGqZw7xbYPxtAaI0GoFTmktNaFg_N5B5F5py4WosOa8FpN7AAFNYAygNjWmpNdJHQABKTVtBMRTmANweccswRPP1bQI1FqPFerNZam11YLT2OtAYSlME7EG14AAUUGFqck44GgXBDKy1gvEACkQ4BQHCtreY8S5iT3EeCeYknxGBU3pdbWAQrOYiqdqrXcV4sSkooPoot6Zc2pmpNMekTJWVlLHLyOtfRM3hMfnTHVCsZQKq1HbNUTjuEKjLbqW09pRWKsDckwRdp5XvDQpHQEboPCejJNINk_BaDvwjIiqQcY53Nq1B4LwqjEyJpZWy2A-gpI4mYrWVtR5j0drbZcLMpSR0KKrIBzMZZQPUPeDWfEDYPBNm1gBxM050hvrAT2Vo5aK2VvHcKiuBRPm4bFfbFJ7x53TplZuldxJKNmnXSq5dRoKOwE4X0fgeRR2JirZx3m9GZ2OLoxQaVltWDMYdMJm2a7lXiblQ6Vj7HzBTkYPg7jYp8MsBU_g_jImF3iqE6x6TVGxOyq3ZJoz94ZNBrk-Zu5g7rYqYwOpop8spTpA87p4zioDPkdw1Zkzo4aPbv86aJVNmzMrsU7Wz-HZEhgPwCOKQKH-L8TEDyn0EA_lCFS7ABkpx8GwAuIwWATrgT0CYFqbkNZ8AfDmNJVo_RauZG4C0aAtJYC0DgAQHgjBDCwBWCYvIdC827izS5pM_7xyhuoMO4UE3yWEhmxQS86JG2Ycm96ClDnqCNNIKshOPShLDKzknXOfSi7VyuQd0Zxca
6TI7sXfSszHseQWXspZfFB4neOW9875zbs7T0MM_ZJybo_fPmcxMmdXsQ2u9Dm5YOL6kwqSTBYABuIAA
### Steps to Reproduce
1.Plot a bar series in one grid giving appropriate and give time axis to this bar series.
2.Plot a candle series in another grid giving appropriate and give time axis to this candle series.
3. give proper grid indexes.
### Current Behavior
![image](https://github.com/apache/echarts/assets/97290751/f0b428d3-4a08-4e83-898f-9c9f4d1e48dd)
### Expected Behavior
for both grids we need to have separate time axis. but one gird is giving an issue.
### Environment
```markdown
- OS:
- Browser:
- Framework:
```
### Any additional comments?
option = {
yAxis: [
{
name: 'Measures',
type: 'value',
min: 1016.8,
max: 1247.2,
interval: 28.80000000000001,
nameGap: 46,
nameLocation: 'middle',
nameRotate: 90,
position: 'left',
inverse: false,
splitLine: {},
offset: 0,
axisLine: {
show: 1,
onZero: false,
lineStyle: {
color: '#000000'
}
},
axisTick: {
inside: false,
show: true,
alignWithLabel: true
},
axisLabel: {
color: '#000000',
fontSize: 10,
fontStyle: 'normal',
fontWeight: 'normal',
z: 1,
overflow: 'truncate',
inside: false,
rotate: 360,
show: true,
showMinLabel: null,
showMaxLabel: null,
hideOverlap: false
}
},
{
type: 'value',
scale: true,
gridIndex: 1,
axisLine: {
show: false
},
axisLabel: {
show: false
},
axisTick: {
show: false
}
}
],
series: [
{
xAxisIndex: 0,
yAxisIndex: 0,
type: 'candlestick',
z: 0,
name: 'xy2e2ce0n8e_ajeh8klzkns',
data: [
['2020/09/04', 1199, 1198, 1194, 1200],
['2020/12/12', 1154, 1160, 1154, 1162],
['2021/05/23', 1224, 1217, 1213, 1228],
['2021/08/07', 1185, 1193, 1185, 1193],
['2021/11/06', 1038, 1044, 1036, 1049],
['2022/10/06', 1067, 1060, 1056, 1071],
['2022/10/28', 1056, 1052, 1048, 1060],
['2022/12/10', 1046, 1049, 1042, 1051],
['2023/01/17', 1048, 1050, 1043, 1050],
['2023/03/21', 1106, 1111, 1104, 1112],
['2023/04/10', 1071, 1068, 1065, 1074],
['2023/05/16', 1101, 1100, 1096, 1105],
['2023/05/30', 1095, 1095, 1092, 1098]
],
itemStyle: {
color0: '#ff0000',
color: '#008000',
borderColor0: '#ff0000',
borderColor: '#008000'
},
tooltip: {
trigger: 'item',
textStyle: {
fontSize: 9
}
}
},
{
type: 'bar',
yAxisIndex: 1,
xAxisIndex: 1,
data: [
['04/2020/09', 1200],
['12/2020/12', 1162],
['23/2021/05', 1228],
['07/2021/08', 1193],
['06/2021/11', 1049],
['06/2022/10', 1071],
['28/2022/10', 1060],
['10/2022/12', 1051],
['17/2023/01', 1050],
['21/2023/03', 1112],
['10/2023/04', 1074],
['16/2023/05', 1105],
['30/2023/05', 1098]
],
itemStyle: {
color: 'pink'
}
}
],
dataZoom: [
{
filterMode: 'filter',
startValue: null,
endValue: null,
xAxisIndex: null,
yAxisIndex: [0, 1],
type: 'inside'
},
{
filterMode: 'none',
startValue: null,
endValue: null,
xAxisIndex: 0,
yAxisIndex: [0, 1],
type: 'inside'
}
],
grid: [
{
left: 77,
right: 10,
bottom: 219.25,
top: 58,
containLabel: false
},
{
left: 77,
right: 10,
bottom: 28,
top: 291.75,
containLabel: false
}
],
xAxis: [
{
data: [
'04/2020/09',
'12/2020/12',
'23/2021/05',
'07/2021/08',
'06/2021/11',
'06/2022/10',
'28/2022/10',
'10/2022/12',
'17/2023/01',
'21/2023/03',
'10/2023/04',
'16/2023/05',
'30/2023/05'
],
name: 'rec1kdate1',
type: 'time',
nameGap: 34,
nameLocation: 'middle',
nameRotate: 360,
position: 'bottom',
inverse: false,
splitLine: {
show: false
},
nameTextStyle: {
borderWidth: 1,
borderType: 'solid',
color: '#000000',
fontSize: 12,
fontStyle: 'normal',
fontWeight: 'bold',
borderColor: 'rgba(255, 255, 255, 0)',
backgroundColor: 'rgba(255, 255, 255, 0)',
height: 16
},
triggerEvent: true,
width: '20%',
axisLine: {
show: 1,
onZero: false,
lineStyle: {
color: '#000000'
}
},
axisTick: {
inside: false,
show: true,
alignWithLabel: true
},
axisLabel: {
color: '#000000',
fontSize: 10,
fontStyle: 'normal',
fontWeight: 'normal',
z: 1,
overflow: 'break',
rotate: 360,
interval: 0,
width: 69,
inside: false,
show: true,
showMinLabel: null,
showMaxLabel: null,
hideOverlap: true,
rich: {
title: {
color: '#007dd1',
fontSize: 10,
fontStyle: 'normal',
fontWeight: 'normal'
},
red: {
color: 'red',
fontSize: 10,
fontStyle: 'normal',
fontWeight: 'normal'
},
green: {
color: 'green',
fontSize: 10,
fontStyle: 'normal',
fontWeight: 'normal'
},
grey: {
color: '#ccc',
fontSize: 10,
fontStyle: 'normal',
fontWeight: 'normal'
}
}
}
},
{
scale: true,
// type: 'time',// When we uncomment this line, it is causing an issue.
gridIndex: 1,
axisLine: {
show: true
},
axisLabel: {
show: false
},
axisTick: {
show: false
},
data: [
'04/2020/09',
'12/2020/12',
'23/2021/05',
'07/2021/08',
'06/2021/11',
'06/2022/10',
'28/2022/10',
'10/2022/12',
'17/2023/01',
'21/2023/03',
'10/2023/04',
'16/2023/05',
'30/2023/05'
]
}
]
};
--
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