MrZhouZh commented on issue #20963: URL: https://github.com/apache/echarts/issues/20963#issuecomment-2874980794
> [@helgasoft](https://github.com/helgasoft) I still have some question for this. When dealing with larger datasets, the container resize still results in some offset. I suppose this is normal behavior? The offset calculations themselves are correct. My guess is this is caused by differing reference points. The series-line positions are relative to the Cartesian coordinate system (xAxis and yAxis), while graphic.elements are offset relative to the canvas container. So during scaling, the rendered line positions and graphic.elements positions may diverge. > > 👉🏻 [Demo](https://echarts.apache.org/examples/en/editor.html?helgasoft=graphic+resize+drag&code=PTAEGMHsDsBcCcCWAjArrRNTIJ6gBYCmANgOYCGAzpAGawB0UAtqAFBTSWyiLSKwB1RABNY-UAF5QADgAMsgDQ8-sABKFEpfNykA2eQG5WrSAAcMWKQG9WoUBljFCALlBXYhAB6xXAcniElIgAXoQQ-OTwsL5KlKjIHt5-wvDkpKA0iJ6Ewth4qKamhPCgTnQQkPDQxb4Avgq2oJ4Agp6IlK42dnawOEV-4OQepJU4MY12wkPkrgDaE90ARABMssvLALSyAKwbAMwAjIsN3Uur61u6-7LHC3Yra5uyAOz7RyenoA8XstJvt58vucngBOa4Az7fTYHWT_D6nKEbA4HcHws6PJGbQ4QhHnPZbFHYtH3PFbTbLaQ49HLfGyfFEu5Ata0gAsqMZ31puwZgM5l3ZvNJLzhHKFfx5kKFYL2N2JTJpSNhEtxzKRhNlotVByx701yzZskJRwWAF1GvVGjhWu1OgtKIMnK4EKhCGiQKBKKZiPwADK8FxuSj4SAAd2cNHIxEohFq5o-i1ISGEizmCy6kI4sHIvB95GQJBT9ngLrli1gZkLFNLSC0sELLMUHOQkFg5aYhekpbKddcKwApIsFrG7Cb4-XIMQMKZC-n7uBiFRKAA5chMQiFxbgCJRDbjyeIUwVABuxQ2W8isF3kAnU6pZZrpGKG_IbUod44mWqhedroW9_InD8Jg0AACKoKkFjQIWjYIi-7QAAqQLwHjwDOjL3L0RQbuA8CQJQb5yvcwSFjCshDnGjTRkggSpqcs7dFMWa0YCoDPOsujSPQBy6IRoC6CCLLSAcXEgrx2zSHsLJ7PQQm8boNLLNs9C6Nscn6ns0nbM8cl7CC8kiXJ2wgs8nHSDx6F8boezrPQOxyc8bHSQcexydIc iyPQimuSCMoydpFkcdIAn0Cy_ksXx2y6CyLL2W5nGqQFbnLCC9DbMsckggp9C6RlLzCc8CXhboHHRVx6WJTSwkHDFiXGSynmiYyo6MphAa-N61QxGwgLBM4SJ2O65agAA1oQhCHom5CmPgiDgKAkAniUHWEORI4fJN02zbapwkIQa5wB0oDzIC9GnK1fgBOA0S8UGU0BlYoAhiIYiuMiqkEBotavdIoAWuF7qeK46zlf9YA4K9-i8YDoDasJAksssbHReJqwsoVLHgzDzwpcZILccVBOE7xvWgIo3TumgpCuIgNCgMEAB8sigJd3AjIE82LfYXiwBZXA4I6bgWT03N-Jk2S5AAZKAKRpBQyBOOM4V2JkxDEH4IzEMIitKzQMCwAAyiEAbVRZf0sTLpBywLP68TAFuENAwgABSFAAlILSsVJwE6EPQxCQKQTsAAZ26kj6O84zhB0obtGJ7HBcBA4FCKI4hSEwOAAMLbgwj6CM9-BO67cdKwn3DgOB6iaNokigBn2cXvQedV7WRcl-Fw2eLXhT0LQNDRrAAAaoBgBX8Ap2I7cscNeBSD3fcDwAmiPSfwC32hT6cw6fGbdEWedoC-Ik10WdDyIHLxmPAzdvQC6dnzH34TALbwpDa-FKtq4fADENDyO_LFdZwENqEV6LJTaMm3iOc0rBahGCPJEUAJAmZSDMJBJuqRNrgHoLtfasBKCzFkCaIwnda5oOAhgqaM1sG4IdvgwhJp6BdzALwfgE98AkNnvNcwFCNrUJwU4PBBCiH0DwCwlQ69YBGFYDQVA0ArrAQIABYQTgABKgQjZFw9l7ROY92G13rjnJuhB86pzbo0Muq9JEGKzkY5un1tDmMaMgphtdSEACpV7sJLi4rhM9QCeLHpIkuhjG4DwAPI8JgE7B6fCtpIOIEzWoxdYGsAHgAFUQGuSA6AnagC0RIemSjHZqI0aEIuSgNJ7BSU9R2oZ6DkGEMIAAoieOAfouAO2KE7fwZ TCBdQiCUwg6igihGLkAA) I used [`convertToPixel`](https://echarts.apache.org/en/api.html#echartsInstance.convertToPixel) method to correct the shift coordinates 👉🏻 [Demo](https://echarts.apache.org/examples/en/editor.html?helgasoft=graphic+resize+drag&code=MYewdgzgLgBAlmOUDqcAmUAWMC8MAcADIQDTyJQASApnAOaax4BsxA3AFAcgAOUc4XDADeHGDH5QANtQBcIqNQAeUeQHIATtQhwAXtRjBMAQw1Q1ZCAFcARopXq0G43RgAzOEupoYNgJ4wVjw81BowMm6woBpgoWoAviRiMEoAgkpwEPKi4uJQfiHqwMaKdCAafhbJ4mglxvIA2tW5AEQATIRtbQC0hACs3QDMAIwtSbmtHV29zEOEY83i7Z09hADsQ6PjEzDL04T4mws7u1OrAJxzxzt7PcOER9sTt93Dw1dPkyuvPSPXz1NBr13n9PktAb0em18P8vm0gYQgaDFqdOgiACwfFF7BEDZEnHEzLEEiHrR7Y0mHfE3UmXQbzMGo-GvB7UgFo14ghkUjnDX5bHltTGEEGjZoAXWSiWSfnSmWyzQgxRk8igGis1E-AHotTAIDwpEgADIIOQiCCYEAAd1kbmMUgg1HiUu2LToGnQLUazRyN1AYCgxgQRuMNmoUi9EnVmuxUF4kehjJaHoYUEj6NI2JsICgcYAtpH8EmImn5O0AKQtZrO8Ti11xkBSfg8SO-pbAKTGCAQAByxjz1EjLSMpig3QbTbgPEMIAAbqFuiOzOOQI3m7CWmr6HRQkPjBkIBv_R5YpG1RrPpvnJAkAIwAARKzOfjgSOZ577zIABRACEUGlbFElnyEIh2ADQQG7WFnl0SN7kIasXWSR0PW0b0JjbXJakDdCThgNYumYfAADphmYRlxGYc50XwYZSPOCiYD6fBBnRQZiNoxjmHhNo-mI5g-i4oVBnYvo1i4wZzm4-iuL6c41hI_ByKAmBmGYQYumI_ouLWAj2OGQYuPwIhCGI3ijPOekOPElSiPwajiPRGy8NUvpmHR dEdOMkjBNs4y2nOYi-jaLjzh44jJNC9Y6LWXyXLU_APNIkK_PhOjhk8vz5PRMyGJROsURAs01ENWILBgFFdFkV5xB1CQQBgABrahqGnd1jB4TA4GAGA51CcJTUQ2ttnazruoVCZw2oAcAyyGAmhOTCJiK9QtGAcxGItDqzWEGArXQLB5DeQSYEwWhUyO_AYGlFy6qUeQuhS27dT8I7WEY-6YD5OjqPRNoCI85iOnROK8Ner61kC-TzjItS4fhxiqpgUhcjqmwrDoeQ4DcGBdAAPkIGA1tgMptF6-cwnsKAVOgPwVREFS8mUVQYDUDwvB8AAyGAnBcOhQxkKoXPEDwpCkdQyikNAheFtxwCgABlPQzQylSbrwhA5Ym4XZ3tDVGhO9TmGGNZ-Kc_p_MGPpBgKlz1ZOXm6H5mx6fPGMXPAR3qDANAAApggASgZ4WZ0gRtqGIqQQDoX2AANPecHcfdkWRY7IQPOBD_1oEMJ9UAwbA8DzPwAGETDMYidxQA7MF9gPM-F7OoifGh6EYIRi7L0dK-oKhzsYOuG5cxqlCEYJiJANw3EdKAAA0YF1YA85roe8MagI8HHyfp97gBNBfc40VvU1XiYax2e3ciW3IVtZqmZZOT63mGRjwcezb8np6_luZ9Q8znBAdAH54VFuLVmABiNwxBgEnDlgGJW-gjrojViic-tYpQcHiJwXWYRwyEzwLwF8YBK7ODGsAYiU0ZpQAgA0Qg4pOAjyEIQu8JCOpdXIZQ721DaHimIqPXUCAkD5ywAwjevU-AsNGuwihMgqE0LocRAIAiKDH0YJwDgbgrBgHWneU6xgfYyAAEraGVnXYOocc5Lw0MIwuMBO7lygD3auBdB7JCbofVRTA7GlwcU4zxrjxDuJ4L-AMX5PDhg7j47u_oKZQAACogDCV4KQvtdrunQAASR9soeQhNEgwDwcRTWIBiK6ykBqeuXBaq6kKaPPAjCABUh8bENzqoUsR68YBNKsZ4hut Sx4hKgEk8MPC-lSFMmI4Jf5hlSAaMMehyR7HdxngAeQkeAVJMApHjQKeM66lTnQzziXAAcIArBQF9jAMxOA8Z6IMdQYxOh9B1zICJQYlT9o-2tMRYwaA0AAFF5wBhNNAb2oRfaaBMfocqJh7mPOVpUjgSyzDJAnmACFHZuqNXKpo7RRCrk8FMP2CAQdMLZ3DpHaOcdMXAEainQlzg8xZFTunIlTKA5SkqeIJFUSK5VwAFoaDrmijFhpaU4q0TojZDLiWkrceAHOu1t4z1nmQZVe9rpjzZRABuQTBlZPvHUSJXcK4xNCFAAAYhBPMMzNnpLQFktAOTkbXTIA0dVc81VTxnrvcUXKLGwCmaE8JUhjW-LNWYBJtq0kegddkz6eT076ofHUf17irE2LDd3KuNiAkBo8f3LxyLHFV38Yi8Q_TN6DJmaM5I7SBnTJDXMhZ4hi3EVWes9FMa2E7Lwfs3VCqKVRxjrHXQGgU40rpSykQMAZVMqTX-A1dQF3BuSf2zBAcgA) -- 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-unsubscr...@echarts.apache.org For queries about this service, please contact Infrastructure at: us...@infra.apache.org --------------------------------------------------------------------- To unsubscribe, e-mail: commits-unsubscr...@echarts.apache.org For additional commands, e-mail: commits-h...@echarts.apache.org