You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by GitBox <gi...@apache.org> on 2020/03/19 07:24:59 UTC

[GitHub] [incubator-echarts] panbinchn opened a new issue #12300: 当单页折线图数量5个起时,如何提高性能避免页面卡顿

panbinchn opened a new issue #12300: 当单页折线图数量5个起时,如何提高性能避免页面卡顿
URL: https://github.com/apache/incubator-echarts/issues/12300
 
 
   当单页折线图数量5个起时,如何提高性能避免页面卡顿?
   我单页渲染数量超过10个时,页面进入时出现明显卡顿,如何提高多图表渲染的页面性能呢

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [incubator-echarts] panbinchn commented on issue #12300: 当单页折线图数量5个起时,如何提高性能避免页面卡顿

Posted by GitBox <gi...@apache.org>.
panbinchn commented on issue #12300: 当单页折线图数量5个起时,如何提高性能避免页面卡顿
URL: https://github.com/apache/incubator-echarts/issues/12300#issuecomment-602324022
 
 
   > @panbinchn卡顿的原因可能有很多,方便发我们可以复现的case么
   
   我的需求是根据请求回来的曲线数据(曲线配置参数和源数据)显示多组不同样式折线图,每组折线图数量不定,在页面初始渲染时会卡顿1-3秒才把曲线渲染出来。因此想请教一下,当出现我这种多曲线渲染的场景下,有没有提高曲线渲染性能的方法?希望能够得到您的指教,非常感谢!
   
   `<div
               v-for="(item1, index1) in chartData"
               :key="index1"
               class="chartBox"
               :id="item1.chartType"
               :class="item1.chartType"
               v-show="isChartType==item1.chartType"
             >
               <lineChart
                 v-for="(item2, index2) in item1.chartList"
                 :key="index2"
                 :chartIndex="index2"
                 :chartConfig="item1.chartConfig"
                 :chartSeries="item2.data"
               ></lineChart>
             </div>`
   

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [incubator-echarts] pissang commented on issue #12300: 当单页折线图数量5个起时,如何提高性能避免页面卡顿

Posted by GitBox <gi...@apache.org>.
pissang commented on issue #12300: 当单页折线图数量5个起时,如何提高性能避免页面卡顿
URL: https://github.com/apache/incubator-echarts/issues/12300#issuecomment-601519939
 
 
   @panbinchn 卡顿的原因可能有很多,方便发我们可以复现的 case 么

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [incubator-echarts] Ovilia commented on issue #12300: 当单页折线图数量5个起时,如何提高性能避免页面卡顿

Posted by GitBox <gi...@apache.org>.
Ovilia commented on issue #12300: 当单页折线图数量5个起时,如何提高性能避免页面卡顿
URL: https://github.com/apache/incubator-echarts/issues/12300#issuecomment-602329551
 
 
   提供一个不包含 vue 环境的多图表的 demo,看看是不是 ECharts 层面的问题

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [incubator-echarts] panbinchn edited a comment on issue #12300: 当单页折线图数量5个起时,如何提高性能避免页面卡顿

Posted by GitBox <gi...@apache.org>.
panbinchn edited a comment on issue #12300: 当单页折线图数量5个起时,如何提高性能避免页面卡顿
URL: https://github.com/apache/incubator-echarts/issues/12300#issuecomment-602324022
 
 
   > @panbinchn 卡顿的原因可能有很多,方便发我们可以复现的 case 么
   
   我的需求是根据请求回来的曲线数据(曲线配置参数和源数据)显示多组不同样式折线图,每组折线图数量不定,在页面初始渲染时会卡顿1-3秒才把曲线渲染出来。因此想请教一下,当出现我这种多曲线渲染的场景下,有没有提高曲线渲染性能的方法?希望能够得到您的指教,非常感谢!
   
   `<div
               v-for="(item1, index1) in chartData"
               :key="index1"
               class="chartBox"
               :id="item1.chartType"
               :class="item1.chartType"
               v-show="isChartType==item1.chartType"
             >
               <lineChart
                 v-for="(item2, index2) in item1.chartList"
                 :key="index2"
                 :chartIndex="index2"
                 :chartConfig="item1.chartConfig"
                 :chartSeries="item2.data"
               ></lineChart>
             </div>`

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [incubator-echarts] echarts-bot[bot] commented on issue #12300: 当单页折线图数量5个起时,如何提高性能避免页面卡顿

Posted by GitBox <gi...@apache.org>.
echarts-bot[bot] commented on issue #12300: 当单页折线图数量5个起时,如何提高性能避免页面卡顿
URL: https://github.com/apache/incubator-echarts/issues/12300#issuecomment-602329416
 
 
   @panbinchn Please provide a demo for the issue either with https://jsfiddle.net/ovilia/n6xc4df3/ or https://gallery.echartsjs.com/editor.html.

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [incubator-echarts] echarts-bot[bot] commented on issue #12300: 当单页折线图数量5个起时,如何提高性能避免页面卡顿

Posted by GitBox <gi...@apache.org>.
echarts-bot[bot] commented on issue #12300:
URL: https://github.com/apache/incubator-echarts/issues/12300#issuecomment-625605327


   This issue is closed due to not being active. Please feel free to open it again (for the author) or create a new one and reference this (for others) if you have further questions.


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

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