You are viewing a plain text version of this content. The canonical link for it is here.

Posted to commits@echarts.apache.org by "luizlucca (via GitHub)" <gi...@apache.org> on 2025/06/19 22:01:47 UTC

[I] [Bug] Echarts and candlestick cropped the bars when move the graph with mouse [echarts]

luizlucca opened a new issue, #21048:
URL: https://github.com/apache/echarts/issues/21048

### Version

2.0.9

### Link to Minimal Reproduction

https://codepen.io/Luiz-Lucca/pen/jEPeqPQ

### Steps to Reproduce

I'm trying to implement the movement of the candlestick chart by the mouse with echarts. However, when I move the chart, the bars are cut off. I would like to zoom in and move without the bars being cropped. It's a bug or i'm doing something wrong? codepen:[ https://codepen.io/Luiz-Lucca/pen/jEPeqPQ](https://stackoverflow.com/)

I tried several ways, but I couldn't move without cutting the candles. I expect a similar behavior to TradingView when I move the chart: even with the bars below the field of view there are no cuts.

Gif: https://i.sstatic.net/W16CsNwX.gif

### Current Behavior

When I move the chart and zoom in, the candles are cut off.

### Expected Behavior

Move the graph like TradingView.

### Environment

```markdown
- OS:
- Browser:
- Framework:
```

### 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

Re: [I] [Bug] Echarts and candlestick cropped the bars when move the graph with mouse [echarts]

Posted by "helgasoft (via GitHub)" <gi...@apache.org>.

helgasoft commented on issue #21048:
URL: https://github.com/apache/echarts/issues/21048#issuecomment-2993058781

   > I expect a similar behavior to TradingView when I move the chart: even with the bars below the field of view there are no cuts.
   
   This is probably coming from the Y-axis dataZoom. [Demo](https://echarts.apache.org/examples/en/editor.html?code=MYewdgzgLgBArgBwMIgDYgE4wLwwOQDEApsAAzml4DcAUKJLIgEKYAmRGK6WuhAHAEEKlWvWgxWIAO5gumHPgLlWAQwDMwanXDjJMlhnac083ktJ8AYgCY-WgPT2YAURXAAFjACWUIgFsALhgQBCIwQBh_4HQIInD0KSJocPcvAHN3RKhtBgkVKBVSBQgEVB8AETyVAAoAbRoYGBq8a1IARjV7VvtrABY8ABoYazUWgDprADZB4bHJ6dsAdlG1abUJ61GATh6AXX76xua2jq7rAFYBobVyec3W5fm-PnGpq4tlvj2Dppb2zu67LczsszqsehNRqChtZNsC1FDhuCttYvg0fsd_jDLoiltZrKszs9NnxVmolvDVhM1KNPvs0Uc_l1rti1qRRgsEWo-BseiSrj0lnxNqs-NSFhNUYdfid7GpWizRaMeisrnxgT18VcFvdhqs7jSUXSpRjrJ0WQslj1WtMrZtRqRNcMJnazgsbdZ7q0zpL0X9TX13cDNo6Nc8vTbWktCTaemyuT6GR1TRcI9ahsrqe0baRqSremSlYbvonuvYJtjlRsJnz8z0lTWNUs3emrey1AnpaWFhXrqNnRHnmc82ptuMQ2pqUKOyb7ID060IesbSMlRG6z0Y9Sc9O_Z0571W3d3fczq9el6lXmeteaTuk51NhXZmeuRsj1rqUP3UtSAs76WWgVakemFK5NiWVoazJNkJjTYZwK2XYjV9e8PXNZ5uVWc4tk5Ug7UjVYFgwot6U7U08RZPFENWVo6wXVZ3nFUk2Sef9yJTK4xiXTjgUwq4LzaUlniItjunLGixQ3aFNlzKS8SFGlQMRNltVE6xu1uJtm2Gdox1uDYcywusqTU_cRg2EZKWBM4lOuIl
 HTWCEF3_E4WQmOszjk-EXTgicWJfZ0-29ZCSw6AMrhXCx5gWYD5hs8ZOQnSEkOLTsOg4vEFjrPhfMmZY4PUtlcrDFLSIxDpxIi6lYLBCCoI9PsCXua8XPsDT-TZa8jPGWzSDrdSCQMkjjT-DozLyjUaOeGr-I82ykomP8QrSzp5Ro4yoNaNkbNuCFo04tlNglZbys6awWTw0Z6OhPhF3mdyaWHJKYVa9psVsDYCOhKktm085qXOR4IQnV7wrxM5gQtaK2VsOLcwK8Ux1ejLJjtOVoueOTzlIGiDNpVLTsg97Fp6-ZY3tR14PGBGIVIYKCdGh93pvOZoVdS95kiynYPy1rALipsvMjZY_vZyb-MFY6GY6JM1v454PW63oaPuF9exyvnzqw5qsIVza63A0lhpQ2Vugyic6yyrCIQWBzWjtd9EWyzY-cqnTBxrGElkWx5PTth2XZOxn1PezY0agtoXkeWzhnrPn93Uz8ESdB5oRXR3E8hemyuDx9OcxpSU-4vFbBpAqkT4JbpfsHozXmGElTPRFV2hdT8rJ6lYX_WutbTg368F-vOqxodC272V3pXftW-BGF5mFwHoVbNRSpGsLZ2xe2IWV6FWhPJTIJgv7Wg2Gzx7z3f1T-7CocvpU_pXttx6297ei2PM8Scj-T8hJukr65-cs8RrC2J7e2Wd564ibhqOOQd14n3epBe0hdSA209n1JUWM8qTGfhle2Ds4KQXuNsaYkZyQoINoHautcFyb0ClSUho41SkImJDGsW9LzP3ah6WE9o8z20nKQoi99GFRlaM_fcRCDSiMakMSM6osaoL4c_C-eJI4nzJsZRR21PZnCKuIuBNdui92ARCLGMCvrAI2KzPEPRgQn3HsMZmVZHSQQ8nJSCGwcpkxcY4sGkFyTJyQZZORfA6IFTyg4wxPcUa6XtowtGhD9TMNbsZds0SxLvRzIpIRSxHaRknE3LakJ8Y53St0TeCwVLsKyldVxPNaJCLtK
 w_8ZwJ5NPtMnOmkIOl03rl4gx1c2luw9KfTmnpj5jLTrTKuZT7BtO4ZlGkf9rLHztF1JeMMpZzLaQnGBI4ybA05uqSmENqatPsKo3oEIjqczfNfe4XIyaSwuS_euxFDmPXrrxcu3tZlr3mZ0NQzNvae0PJTOUywm56JpNnAFbTaKTyJJA-0BVumV05g7dJQzOixJ_IXN-YDPye2wvbV5IyGorzivcbxu8VKiy8f8k2CLFkgTLo8RlZNMYFSeMgi5_MbrAw_mHLYhccpbAYmjKhOzuhAK9ldXy3S963CKg5bp2KZUUQYmKXCPJ9Ic1mldUp8LujAtuJOBGwIfbQlqYqg2cLmXdDBrYZqydeVfhtTDZOwZITSpNSHIGfYm4yXtJ7RUJC3j3CZSWNpthQ6xU4o8ym4qBRYU-vy1RIxPxeTfg6bWV1tIW2WBqk1zIaLb05MLDkNFOox0hsbGNsogEjBUl5cgvrbho0LdhIc_4JjtLeDDAqIrF54lHMq_iwES0m37c6hCCMeTc0tsGiCfb5nvSqeyBGh0P4TBYn9RGt010jIesqHxCqyZsl_PdRcfqZ1tWcVHOlEroTdOvWzGC06Sz9reowoqpDeQglIdg1xmwio7BoDsAAlLQAAZnAMAwAoBeHADAYopQoAVHyFUDAKgpBYZUFBmAABvA4YhYDADyEQVImAACeBGFA1B2LQBo5GYAADcVCoDgIkRjzGDiwfkFUTjWAvAKFIFQbwMAAA8MBcP4cqKMVAYRUhQHcJJrwABqTTRHSMNFY1RmjGB6OKYQHACA7gcN4YIzULwOxRjoa8MAIgVQcYwFaFBmopBoMsf05x7jiRRhmYs1ZhT-RbM-YOAAXwOBgIgUA4AYDACRg4BnfBGZM_kIIlH0t0YI0aBo_meMQCCEVxI0XaAxfg4h5DqHKOoGAHAVAVGACyAgqiqFoygBDUBdMHBE3JxITXYC4CY75wTWBhMqFE-JwYynku4FUPkNkZWI
 BKZU2pjTMmYDzY09pvr-nvCwZgFUMTsnOvdbAL1lLh2GhxYgMNoL5nLN4AALR4Bg6l_T9BkNgB475hoMXDsDYe34cTAOYATZOwNgAVuDmAcPzsqC6yAHrkmYf7Zu7d0HMBNO4E00tgooxVu2ZgK9hHOwajiIh0D_T93HvBcszjpwF3UdXc-4D2L8XEvJfp6gKAlWaAhFqwtrHyGoDKaCHp_TvgAAeUAgh4EAFBygBB6MAODGgAHUwGF95TsGFcwFINFo0UAQBoGQwgKXX2oAYDSKkDgiuVCy68BAbXh3HfO4AAogC8Fd-3WPDtQFo6ERXwAMAgAgC7r7tOotGmU3bsArBLeHcJ0EJogBT0wANKXDwG1jiOeBBvPwG1gV-fmQQcB0aWXAgnclf9zAQPwf8A5eo3R13-mU-5GW6MZvGX8tfcc1AAAMj7ogUu0PuGkEEWDXGYgwBj19qIXgLeQ5n0QI3BxaPV-d2PiA9XR_14wDxufRpCcAC1TeBEaF96XAeg_77wD7iAXh2Bt8O9Aab-u9EFf0wALwvwAeTABa1RxiAAHUMgiBUAghrceNv8Gg_AQB2MiBADgDzMiBgCkDoDD8iA4CYAECkCUCQCiBwCiBICp9V9cCq8a8ABJBPIgKvIIQ3Q7efQ7G_fTCzSfA_WAr7BoBve_CAUoIwV_GXEIRXMDAAUmEIaHfwwE_xxh4JgAAA1FC_8QA_BCC0CSDICwhE93MbgFDVD1CgCiCtCoCuCcCFD8DkDjC0CMD98YCLDbs8DEDrDUCwCICzDp9UAYgo8DhJQYgbdEhU9r8FCwAVA_B79M8pD6878Q8VAE9lNoAnMABraIxfZfLwmIXAjvQnFbLjYrXAnwfwAAZUD0lzr0O1AG4CCEQDkAwFwNYxMAwFICCD0FkCaIaJgAACM2AOA6iaiEADAjA6jOiejDA-imiWiJBpAwAhiJjuAFCWDbs_Bptkivcfd9c2DDtmsuiyCKjbsJsVioBf
 AMAp8EMkMUNksqgEBptwiDsnDbs4sEsksYAbjcMwcABCXAP7VAVAGAAAfhgBazyHcFGDDwQ1YGuNuL8GJ3yKICI003wDwBgEVy0AeP01pycKWKcI7zqHRIaC2IeLCIiMV2BIwFSM6MqNN0MFT0bTlAum80pL8zhKCGGH0PxP0yKL8FKNo3KMJPRKqMwEVwwFSC6KqCtH6D3X6DVCgzwAUKxPlIxKZP5Nu2JPvxSHSEyA4zhOiKcL4MVxWNl11NuzKzKC8EvzwA1IyGgDlI5OxIeJVMOzVMV3iC1LK2NNv0bzwD8B9w9OZICzNItNdJtMVIr1DP2KcOdPwBUCQNwzt21IC2CGSyiHDyID9N4NiOjNjJUDt3TITJ40DJD2iDTPDMxNu0lD1NN35yXyT3xMOLyBOLOJq0uJOzeLuIjMeO5xeLbJhLVNx3wGky6IwAAD5kTESoT3jRhCdu9qTWAYAAAfecpEjnfEss5gxY3AlY8k4fMAffFUiAWjPwHoswpoMAcANMwYPAM83cvACs27XE8MvEjkjsyM8I-_WDMPMHYM2AE3GAK0zIPMjMr0n0sAQC_MogQs_Ab8sCg8o8tAEPLwDAKIC88Mt_Q8484orwH_ffLaJk7YlQXYswx0h4jgqQcg7wtfZ8pU1C_TfwBAdwFQJ_WvYipwnYvYlikiifMilfCimi9cqiznKi-09EjioC-_Q0sC0080xXf8m0vC9g9C-CpvRC5CmCxS1ATC7CoIXCvinbAi9i3S6Qri8inwgS4_XSuihipi2ssytioiwy9g4yni0ysyufXStch4jyw7O8pwjiqM70n3HbEfJMmAFMmIPM_U_AECvMqSi0sKksu05Umi_yw0oK3ckK-KiKzM70x3GKuEyCvATK0sxU8vW7Ms-0wk_y3PaIyKvAUoG87IyobLLjRrZrXwNrKoM4KDXAiABAkANTLA7g1ikfHkvkxUkINwHwWjRgyERYqPb_Sqt80kgvSgXA2q-
 qlCnEpq0KlqprVrdrLabqhQ3q03Aa8w3Aja0avc8am44AKamas4Oa5gha0IpaovAQfmBQ9akfaIjverVq_aqoFoI6pwk6_q9wQaxw27S6so669Eiau6wPB6p66i1g16kk96stL67Kja367a_6va9q9ra4EG7HPqs6hwi6ka2Gmy27BG-6g3WahU_imACDKLKgIAA) after code simplification.


-- 
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