echarts重新加载数据没有绘出图

问题描述:

1、点击下拉菜单,重新请求数据,重绘echart图,但是没有绘出图
2、问题出现的具体原因有待考究(绝大多数是不会有这个问题的)
这里写图片描述

解析:

这里写图片描述

解决方案:

移除容器上的 _echarts_instance_ 属性

$('#box').removeAttr('_echarts_instance_');

这里写图片描述

转载于:https://www.cnblogs.com/Zting00/p/7497621.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 要重新渲染 ECharts,可以使用 ECharts 实例的 `setOption` 方法来更新数据和配置。例如: ```javascript // 获取 ECharts 实例 var chart = echarts.init(document.getElementById('myChart')); // 更新数据和配置 chart.setOption({ series: [{ data: [10, 20, 30, 40, 50] }] }); ``` 如果需要重新加载 ECharts,可以先销毁原有实例,然后重新创建一个新的实例。例如: ```javascript // 获取 ECharts 实例 var chart = echarts.init(document.getElementById('myChart')); // 销毁原有实例 chart.dispose(); // 创建新的实例 var newChart = echarts.init(document.getElementById('myChart')); // 加载数据和配置 newChart.setOption({ series: [{ data: [10, 20, 30, 40, 50] }] }); ``` ### 回答2: ECharts 是一个开源的数据可视化库,提供了丰富的表和交互功能。在使用 ECharts 进行数据可视化时,我们有时候需要对表进行重新渲染或重新加载重新渲染是指对已经存在的表进行更新操作,可以通过调用 ECharts 实例的 setOption 方法来更新表的数据和配置。具体而言,我们可以通过修改传入 setOption 方法的参数来更新表的数据,然后再调用实例的 setOption 方法,将更新后的参数传入进行重新渲染。这样就能够实现对表的数据更新和表的重绘,不会破坏已有的表实例。 重新加载是指在已经存在的页面上,重新创建一个新的表实例。通常情况下,我们需要在重新加载之前销毁已经存在的表实例,以避免出现重复绘制表的问题。一般可以通过调用 ECharts 实例的 dispose 方法来销毁,然后再重新初始化一个新的实例,加载新的配置和数据来创建新的表。 需要注意的是,在进行重新渲染和重新加载时,我们可以改变表的数据和配置,但是一般情况下不会改变表所在的容器。这样可以确保在界面上表的位置和样式保持一致,方便用户进行交互和观察。 总而言之,ECharts 提供了灵活的方法来重新渲染和重新加载表,通过更新表的数据和配置,或者销毁并重新创建新的实例,我们可以实现对表的动态更新和切换,提升用户体验和数据展示效果。 ### 回答3: ECharts是一种基于JavaScript开发的表库,它可以以可视化的方式呈现数据。当需要重新渲染或重新加载ECharts表时,我们可以采取以下方法: 1. 重新渲染:当表的数据或配置发生变化时,可以使用ECharts提供的setOption方法进行重新渲染。这个方法接受一个配置项对象作为参数,该对象包含了新的数据和配置。调用setOption方法后,ECharts会自动重新渲染表,更新显示的内容。 2. 重新加载:当需要重新加载整个表时,可以通过销毁当前表实例再重新创建一个新的实例来实现。首先我们需要获取到表的容器元素,可以使用document.getElementById方法或其他方式获取。然后使用ECharts提供的dispose方法销毁当前实例,代码示例如下: ```javascript var chartContainer = document.getElementById('chart-container');//获取表容器 var chartInstance = echarts.getInstanceByDom(chartContainer);//获取当前表实例 if (chartInstance) { echarts.dispose(chartContainer);//销毁当前实例 } ``` 接着我们可以重新创建一个新的实例,并将其绑定到表容器上,代码示例如下: ```javascript var newChartInstance = echarts.init(chartContainer);//创建新的实例 //根据新的数据和配置对newChartInstance进行设置 newChartInstance.setOption({...}); ``` 通过使用上述方法,我们可以实现ECharts表的重新渲染和重新加载,以便及时更新数据和配置,呈现最新的表内容。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值