incubator-echarts 🚀 - echarts 在chrome 上会内存泄露

哪个例子？

pissang on 3 Aug 2014

http://echarts.baidu.com/doc/start.html

这个页面在谷歌下就会出现内存泄漏

在我的一个项目中也用到了 echarts 内存每秒要加0.5M左右。

但是在ie 和 firefox 下没有发现这个现象

xzlmoon on 3 Aug 2014

不好意思没留意你的回复，我这在chrome devtools没发现内存泄露的问题，交互的时候是会有上涨，但是过一段时间内存回收后又会回落

pissang on 11 Aug 2014

是的在chrome devtools是看不到这个内存溢出的，但是在windows 的任务管理器会看到一个chrome的进程占用内存不停的在上涨，结束这个进程后，echarts的页面会崩贵，其他页面正常。
检测 http://echarts.baidu.com/doc/start.html 发现了这个现象
在示例的页面中没有看到这个现象

—
Reply to this email directly or view it on GitHub.

xzlmoon on 12 Aug 2014

今天又跟踪次chrome下的内存泄漏，
发现在 iframe 中使用echarts 就会出现内存泄漏,
使用下面这个html检测到的：

<\frame><br /> </body><br /> </html></p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars2.githubusercontent.com/u/8231226?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="xzlmoon picture"> <strong>xzlmoon</strong> <span class="text-muted ml-1">on 12 Aug 2014</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="mb-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3731713875" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>半小时的内存检测：任务管理器中chrome的进程内存突破1G<br /> <img loading="lazy" src="https://cloud.githubusercontent.com/assets/8231226/3887501/bf361aec-21f1-11e4-974a-25111fd332e8.jpg" alt="qq20140812152055" /><br /> <img loading="lazy" src="https://cloud.githubusercontent.com/assets/8231226/3887502/bf36bf6a-21f1-11e4-81e9-0e7c6e112622.jpg" alt="qq 20140812152015" /></p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars2.githubusercontent.com/u/8231226?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="xzlmoon picture"> <strong>xzlmoon</strong> <span class="text-muted ml-1">on 12 Aug 2014</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>补充发现，windows的chrome下会有这个问题（内存飙升）， mac的chrome下内存不会一直涨。。。（渲染页面后，不需要交互）<br /> 截一张windows下检测图片<br /> <img loading="lazy" src="https://cloud.githubusercontent.com/assets/1161655/3900926/25f1c25c-2299-11e4-917d-ed2313894e1c.png" alt="abc" /></p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars0.githubusercontent.com/u/1161655?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="coocon picture"> <strong>coocon</strong> <span class="text-muted ml-1">on 13 Aug 2014</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p><strong>@pissang</strong> 再补充一下case：<br /> windows的chrome，如果页面出现滚动条，则就会内存飙升，设置css或者精简内容，让它不出现滚动条，就没有该问题，请知晓~</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars0.githubusercontent.com/u/1161655?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="coocon picture"> <strong>coocon</strong> <span class="text-muted ml-1">on 13 Aug 2014</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>是因为css animate效果引起的。<br /> 但是，按照文档，设置option的参数animation=false,addDataAnimation=false,<br /> 依然禁用不了动画，<br /> 所以，最后还是注释掉2.0.3版中11156~11168行的动画Animation.start()函数内容就没问题了。<br /> @yangji-bjhl </p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars3.githubusercontent.com/u/3973008?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="save95 picture"> <strong>save95</strong> <span class="text-muted ml-1">on 19 Sep 2014</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>谢谢反馈。能补充更多信息吗？关于css animate引起的内存泄漏？</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars3.githubusercontent.com/u/1711855?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="kener picture"> <strong>kener</strong> <span class="text-muted ml-1">on 22 Sep 2014</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="mb-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3731713875" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>请问：echart动画渲染在mac的chrome上会出现内存泄露，这个问题echarts现在解决了吗</p> <blockquote> <p>在 2016年7月4日，上午10:47，Yi Shen <a rel="nofollow noopener" target="_blank" href="notifications@github.com">notifications@github.com</a> 写道：</p> <p>？</p> <p>—<br /> You are receiving this because you commented.<br /> Reply to this email directly, view it on GitHub <a rel="nofollow noopener" target="_blank" href="https://github.com/ecomfe/echarts/issues/510#issuecomment">https://github.com/ecomfe/echarts/issues/510#issuecomment</a>-230194686, or mute the thread <a rel="nofollow noopener" target="_blank" href="https://github.com/notifications/unsubscribe/AKDp1gqYOOkuEsSWyL5XBroSbx0sHOj8ks5qSHRAgaJpZM4CTj6C.">https://github.com/notifications/unsubscribe/AKDp1gqYOOkuEsSWyL5XBroSbx0sHOj8ks5qSHRAgaJpZM4CTj6C.</a></p> </blockquote> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars2.githubusercontent.com/u/10545622?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="cjhcms picture"> <strong>cjhcms</strong> <span class="text-muted ml-1">on 4 Jul 2016</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>这个跟之前版本 chrome 有关，你现在试下还是否存在内存泄露问题</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars1.githubusercontent.com/u/841551?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="pissang picture"> <strong>pissang</strong> <span class="text-muted ml-1">on 4 Jul 2016</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>现在还是存在的，我们这边的只要是mac的chrome,都会出现内存泄露，并且很严重？如果跟版本有关，chrome版本多少以后不会出现这个问题？</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars2.githubusercontent.com/u/10545622?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="cjhcms picture"> <strong>cjhcms</strong> <span class="text-muted ml-1">on 4 Jul 2016</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>echarts 和 chrome 都是什么版本？我不确定哪个版本开始不出现这个问题</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars1.githubusercontent.com/u/841551?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="pissang picture"> <strong>pissang</strong> <span class="text-muted ml-1">on 4 Jul 2016</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>echart: 2.2.7 ; chrome 50.0.2661.102 (64-bit)</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars2.githubusercontent.com/u/10545622?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="cjhcms picture"> <strong>cjhcms</strong> <span class="text-muted ml-1">on 4 Jul 2016</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="mb-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3731713875" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>多少版本以后不会有这个问题?</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars2.githubusercontent.com/u/10545622?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="cjhcms picture"> <strong>cjhcms</strong> <span class="text-muted ml-1">on 5 Jul 2016</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>你试试 3 以后的版本</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars1.githubusercontent.com/u/841551?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="pissang picture"> <strong>pissang</strong> <span class="text-muted ml-1">on 5 Jul 2016</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>好，我先试试</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars2.githubusercontent.com/u/10545622?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="cjhcms picture"> <strong>cjhcms</strong> <span class="text-muted ml-1">on 5 Jul 2016</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>你们4年前讨论的问题，现在Echarts依然存在内存泄漏问题</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars3.githubusercontent.com/u/16655229?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="mofengfs picture"> <strong>mofengfs</strong> <span class="text-muted ml-1">on 18 Dec 2018</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>2019年了，这个问题还是存在。别甩锅给谷歌了，真的有问题，clear方法和dispose方法根本无效，内存稳步上升</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars3.githubusercontent.com/u/29423673?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="MartinGaoC picture"> <strong>MartinGaoC</strong> <span class="text-muted ml-1">on 25 Jan 2019</span> </div> <div class="col text-right"> 👍<span class="ml-2 mr-3">7</span> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>动态图表内存会一直涨,长时间开着就会导致页面崩溃了</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars0.githubusercontent.com/u/29906873?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="MyCupOfTeaOo picture"> <strong>MyCupOfTeaOo</strong> <span class="text-muted ml-1">on 19 Mar 2019</span> </div> <div class="col text-right"> </div> </div> </div> </div> </div> <div class="col-12"> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown text-center helpful"> <div class="title">Was this page helpful?</div> <div class="mt-1" onMouseLeave="rating(39368529, 0);"> <i class="fas fa-star inactive" id="star-1" onMouseOver="rating(39368529, 1);" onclick="rate(39368529, 1);"></i> <i class="fas fa-star inactive" id="star-2" onMouseOver="rating(39368529, 2);" onclick="rate(39368529, 2);"></i> <i class="fas fa-star inactive" id="star-3" onMouseOver="rating(39368529, 3);" onclick="rate(39368529, 3);"></i> <i class="fas fa-star inactive" id="star-4" onMouseOver="rating(39368529, 4);" onclick="rate(39368529, 4);"></i> <i class="fas fa-star inactive" id="star-5" onMouseOver="rating(39368529, 5);" onclick="rate(39368529, 5);"></i> </div> <div class="description text-small"><span id="rating-val">0</span> / 5 - <span id="rating-count">0</span> ratings</div> </div> </div> <div class="mb-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3452512275" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> </div> <div class="col-12 col-lg-4"> <div id="ph-above-related"></div> <div class="card card-custom issue-box"> <div class="card-body pt-3 pb-5"> <h2 class="mb-4">Related issues</h2> <div> <strong> <a href="/incubator-echarts/156083923/yaxis-splitline-interval-function-idx-val-bu-zhi-xing">yAxis.splitLine.interval:function(idx,val){ }) 不执行</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars0.githubusercontent.com/u/5753854?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="Zendic picture"> <strong class="pr-1" dir="ltr">Zendic</strong>  ·  <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/incubator-echarts/185083272/endangle-support-for-pie-chart">endAngle support for pie chart</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars3.githubusercontent.com/u/561365?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="jarben picture"> <strong class="pr-1" dir="ltr">jarben</strong>  ·  <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/incubator-echarts/187325119/heatmap-bmapbao-cuo-cannot-read-property-type-of-null">heatmap-bmap报错：Cannot read property 'type' of null</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars3.githubusercontent.com/u/7866718?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="decadef20 picture"> <strong class="pr-1" dir="ltr">decadef20</strong>  ·  <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/incubator-echarts/164658145/shu-ju-shi-tu-jian-yi-tian-jia-gun-dong-tiao">数据视图建议添加滚动条</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars3.githubusercontent.com/u/9073806?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="antorman picture"> <strong class="pr-1" dir="ltr">antorman</strong>  ·  <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/incubator-echarts/49773176/color-option-not-updated">color option not updated</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars3.githubusercontent.com/u/561365?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="jarben picture"> <strong class="pr-1" dir="ltr">jarben</strong>  ·  <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> </div> </div> <div class="sticky-top pt-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3919948963" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div id="ph-below-related-2" class="mt-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3919948963" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> <div class="col-12 col-lg-4"> </div> </div> <div class="skyscraper-container"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="7879185320" data-ad-format="vertical" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="mt-5 spacer"></div> <footer class="mt-5 pb-2 py-4 text-center mt-auto"> <div class="container"> <a class="navbar-brand logo mr-5" href="/"> <img src="/assets/img/logo.svg" width="40" height="40" alt="bleepingcoder logo"> bleeping<strong>coder</strong> </a> <div class="mt-4"> bleepingcoder.com uses publicly licensed GitHub information to provide developers around the world with solutions to their problems. We are not affiliated with GitHub, Inc. or with any developers who use GitHub for their projects. We do not host any of the videos or images on our servers. All rights belong to their respective owners. </div> <div> Source for this page: <a href="https://www.github.com/apache/incubator-echarts/issues/510" rel="nofollow noreferrer" target="_blank">Source</a> </div> </div> <hr class="mb-5 mt-5"> <div class="container"> <div class="row"> <div class="col-sm-4 col-lg mb-sm-0 mb-5"> <strong>Popular programming languages</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/python" dir="ltr">Python</a> </li> <li class="mb-2"> <a href="/javascript" dir="ltr">JavaScript</a> </li> <li class="mb-2"> <a href="/typescript" dir="ltr">TypeScript</a> </li> <li class="mb-2"> <a href="/cpp" dir="ltr">C++</a> </li> <li class="mb-2"> <a href="/csharp" dir="ltr">C#</a> </li> </ul> </div> <div class="col-sm-4 col-lg mb-sm-0 mb-5"> <strong>Popular GitHub projects</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/microsoft/vscode" dir="ltr">vscode</a> </li> <li class="mb-2"> <a href="/numpy/numpy" dir="ltr">numpy</a> </li> <li class="mb-2"> <a href="/ant-design/ant-design" dir="ltr">ant-design</a> </li> <li class="mb-2"> <a href="/mui-org/material-ui" dir="ltr">material-ui</a> </li> <li class="mb-2"> <a href="/vercel/next-js" dir="ltr">next.js</a> </li> </ul> </div> <div class="col-sm-4 col-lg mb-0"> <strong>More GitHub projects</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/rust-lang/rust" dir="ltr">rust</a> </li> <li class="mb-2"> <a href="/moment/moment" dir="ltr">moment</a> </li> <li class="mb-2"> <a href="/yarnpkg/yarn" dir="ltr">yarn</a> </li> <li class="mb-2"> <a href="/mozilla/pdf-js" dir="ltr">pdf.js</a> </li> <li class="mb-2"> <a href="/JuliaLang/julia" dir="ltr">julia</a> </li> </ul> </div> </div> </div> <hr class="mb-5 mt-5"> <div class="container text-muted"> © 2025 bleepingcoder.com - <a href="/bleeps" rel="nofollow">Contact</a><br /> By using our site, you acknowledge that you have read and understand our <a href="/cookies" rel="nofollow">Cookie Policy</a> and <a href="/privacy" rel="nofollow">Privacy Policy</a>. </div> </footer> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin="anonymous"></script> <script async src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>  <script type="text/javascript" src="/assets/js/main.js"></script> <script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js"></script></body> </html>

Incubator-echarts: echarts 在chrome 上会内存泄露

Most helpful comment

All 21 comments