在开发vue项目的时候遇到了一个问题,就是echarts图表不显示,但是写死数据的时候他会显示,想想这个可能就跟数据请求有关了,我是习惯了在mounted生命周期里面发送请求,mounted意思是页面已挂载完成,可以拿到dom节点了,这也说明echarts图表的dom结构也会在mounted的时候去挂载,然而这个时候我们的数据还没有请求回来,自然也...
问题1:页面路由来回切换后发现图表不能正常渲染,本地运行npm run dev正常,发布到线上就不正常了。 解决方案: 创建图表前先移除对应id document.getElementById('ageEcharts').removeAttribute('_echarts_instance_');letchart=ageEcharts.init(document.getElementById('ageEcharts'),'purple-passion'); 问题2:...
解决: echarts的dom元素有一个属性:_echarts_instance_,它应该类似id,需要每次刷新重新生成。如图: vue切换路由的时候,这个属性一直没变,因此解决方案如下: constcommand_edom = document.getElementById("command"); command_edom.removeAttribute("_echarts_instance_");this.myChartPie =echarts.init(command_edo...
有的说是生命周期和渲染顺序问题,说大家习惯了在mounted生命周期里面发送请求,mounted意思是页面已挂载完成,可以拿到dom节点了,这也说明echarts图表的dom结构也会在mounted的时候去挂载,然而这个时候我们的数据还没有请求回来,自然也就无法渲染出来了,需要在挂载之前就将数据请求回来,把请求放到created周期里。 还有的怀疑...
Vue解决报错11_父组件使用子组件的echarts折线图不能显示(父组件传值慢于子组件初始化导致),一、问题描述父组件发送请求获取数据,然后父组件传值给子组件的折线图,但是发现子组件显示空白,尽管在mounted()已经使用
大家好我是图恩,在vue3.0项目中使用echarts的时候发现第一次获取到数据后正常渲染了echarts图,在切换到其他菜单后再切回来时发现echarts就不显示了,通过打印日志查看发现数据是正常获取到,而且方法也执行了,但是图就是不显示,通过浏览器的元素检查也能发现dom是存在的。 但是在图表的dom属性中发现了一个特殊的属性...
可能是由于以下几个原因: 1. 版本兼容性问题:确保你使用的Vue版本与Apache ECharts版本兼容。可以查阅Vue和Apache ECharts官方文档来了解它们之间的兼容性要求。 2...
问题:echarts在vue单页面应用中,经常性的不显示,也不报错原因:两个或多个组件的dom元素的id取值相同,会导致最先挂载的组件显示正常,其余共同id的显示异常
{getDataBZH,getData1BZH,getAnalysisList,editStandardization} from '../api/paid' import * as echarts from "echarts" import * as ecStat from 'echarts-stat' export default { name: "houseList", components: {}, data() { return { selectForm: {}, standardizationOption: [ { name: "极差...