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

Reply via email to