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 2021/03/10 08:56:26 UTC
[GitHub] [echarts] evinLiang opened a new issue #14444: 内存泄漏
evinLiang opened a new issue #14444:
URL: https://github.com/apache/echarts/issues/14444
### Version
3.8.5
### Steps to reproduce
### Version
3.8.5
### Steps to reproduce
vue项目引入echarts出现内存泄漏问题，页面放置15到30分钟，内存飙升什么严重
这张是30分钟的
这张是刚打开的
vue 组件代码
```
<template>
<div :class="className" :style="{height:height,width:width}"></div>
</template>
<script>
import echarts from 'echarts'
require('echarts/theme/macarons') // echarts theme
require('echarts/map/js/china') // echarts theme
import { debounce } from '@/utils'
export default {
props: {
className: {
type: String,
default: 'chart'
},
width: {
type: String,
default: '100%'
},
height: {
type: String,
default: '720px'
},
autoResize: {
type: Boolean,
default: true
},
chartData: {
type: Object
}
},
data() {
return {
chart: null
}
},
mounted() {
this.initChart()
if (this.autoResize) {
this.__resizeHanlder = debounce(() => {
if (this.chart) {
this.chart.resize()
}
}, 100)
window.addEventListener('resize', this.__resizeHanlder)
}
// 监听侧边栏的变化
// const sidebarElm = document.getElementsByClassName('sidebar-container')[0]
// sidebarElm.addEventListener('transitionend', this.__resizeHanlder)
},
beforeDestroy() {
if (!this.chart) {
return
}
if (this.autoResize) {
window.removeEventListener('resize', this.__resizeHanlder)
}
// const sidebarElm = document.getElementsByClassName('sidebar-container')[0]
// sidebarElm.removeEventListener('transitionend', this.__resizeHanlder)
this.chart.dispose()
this.chart = null
},
watch: {
chartData: {
deep: true,
handler(val) {
this.chart.clear()
this.setOptions(val)
}
}
},
methods: {
resize() {
this.chart.resize()
},
updateOptions({ title, data, dataRange } = { title: '分布', data: [], dataRange: { min: 0, max: 100 }}) {
this.chart.setOption({
title: {
text: title
},
dataRange: {
min: dataRange.min,
max: dataRange.max
},
series: [
{
data: data
}
]
})
},
setOptions({ title, data, dataRange } = { title: '分布', data: [], dataRange: { min: 0, max: 100 }}) {
this.chart.setOption({
title: {
text: title,
padding: [15, 0, 0, 30],
textStyle: {
color: '#000',
fontSize: 22
}
},
dataRange: {
orient: 'horizontal',
min: dataRange.min,
max: dataRange.max,
inRange: {
color: ['#fee090', '#fdae61', '#f46d43', '#d73027']
},
text: ['高', '低'], // 文本，默认为数值文本
splitNumber: 0
},
toolbox: {
show: false,
orient: 'vertical',
x: 'left',
y: 'center',
feature: {
}
},
series: [
{
name: '坐席数据',
type: 'map',
mapType: 'china',
mapLocation: {
},
selectedMode: false,
itemStyle: {
normal: { label: { show: true, formatter: function(params) {
return `${params.name}${(params.value && '\n' + params.value) || ''}`
} }},
emphasis: { label: { show: true }}
},
data: data
}
],
animation: true
})
},
initChart() {
this.chart = echarts.init(this.$el, 'macarons')
this.setOptions(this.chartData)
console.log(this.chartData)
}
}
}
</script>
<style scoped>
.count-title{
line-height: 48px;
font-size: 32px;
display: inline-block;
margin-right: 32px;
}
</style>
```
### What is expected?
解决内存泄漏问题
### What is actually happening?
解决内存泄漏问题
<!-- This issue is generated by echarts-issue-helper. DO NOT REMOVE -->
### What is expected?
解决内存泄漏问题
### What is actually happening?
解决内存泄漏问题
<!-- This issue is generated by echarts-issue-helper. DO NOT REMOVE -->
----------------------------------------------------------------
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
[GitHub] [echarts] echarts-bot[bot] commented on issue #14444: 内存泄漏
Posted by GitBox <gi...@apache.org>.
echarts-bot[bot] commented on issue #14444:
URL: https://github.com/apache/echarts/issues/14444#issuecomment-795109032
----------------------------------------------------------------
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
[GitHub] [echarts] weiliang0121 commented on issue #14444: 内存泄漏
Posted by GitBox <gi...@apache.org>.
weiliang0121 commented on issue #14444:
URL: https://github.com/apache/echarts/issues/14444#issuecomment-969833300
你们连内存泄漏都解决不了吗？
--
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
[GitHub] [echarts] pissang edited a comment on issue #14444: 内存泄漏
Posted by GitBox <gi...@apache.org>.
pissang edited a comment on issue #14444:
URL: https://github.com/apache/echarts/issues/14444#issuecomment-795203735
最好可以提供完整的可复现例子
----------------------------------------------------------------
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
[GitHub] [echarts] pissang commented on issue #14444: 内存泄漏
Posted by GitBox <gi...@apache.org>.
pissang commented on issue #14444:
URL: https://github.com/apache/echarts/issues/14444#issuecomment-795203735
最好可以提供完整的例子
----------------------------------------------------------------
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
[GitHub] [echarts] echarts-bot[bot] commented on issue #14444: 内存泄漏
Posted by GitBox <gi...@apache.org>.
echarts-bot[bot] commented on issue #14444:
URL: https://github.com/apache/echarts/issues/14444#issuecomment-795203623
@evinLiang Please provide a demo for the issue either with https://codepen.io/Ovilia/pen/dyYWXWM , https://www.makeapie.com/editor.html or https://codesandbox.io/s/mystifying-bash-2uthz.
----------------------------------------------------------------
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