zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix:scEcharts组件完善

This commit is contained in:
shijing 2024-12-24 14:41:29 +08:00 committed by caoqianming
parent c8a8653513
commit 4dddbce330
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/scEcharts/index.vue
View File

@ -3,6 +3,7 @@
</template> </template>
<script> <script>
import { markRaw } from 'vue';
import * as echarts from 'echarts'; import * as echarts from 'echarts';
import T from './echarts-theme-T.js'; import T from './echarts-theme-T.js';
echarts.registerTheme('T', T); echarts.registerTheme('T', T);
@ -27,7 +28,15 @@
option: { option: {
deep:true, deep:true,
handler (v) { handler (v) {
unwarp(this.myChart).setOption(v); let that = this;
if(that.myChart!==null){
that.myChart.setOption(v);
}else{
let myChart = markRaw(echarts.init(that.$refs.scEcharts, 'T'));
myChart.setOption(v);
that.myChart = myChart;
}
// unwarp(this.myChart).setOption(v);
} }
} }
}, },
@ -54,7 +63,7 @@
}, },
methods: { methods: {
draw(){ draw(){
var myChart = echarts.init(this.$refs.scEcharts, 'T'); var myChart = markRaw(echarts.init(this.$refs.scEcharts, 'T'));
myChart.setOption(this.myOptions); myChart.setOption(this.myOptions);
this.myChart = myChart; this.myChart = myChart;
window.addEventListener('resize', () => myChart.resize()); window.addEventListener('resize', () => myChart.resize());