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