echart的重置按钮导致3D图图形消失

最新推荐文章于 2024-04-10 17:48:14 发布
最新推荐文章于 2024-04-10 17:48:14 发布
阅读量554 收藏 1
点赞数
分类专栏： vue echarts 文章标签： echarts 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/riluokk/article/details/128249776
版权

问题发现：
当使用echrts的重置控件导致了图形消失

点击重置按钮后
问题解决过程
网上推荐了几个方案，都是降低echarts和echarts-gl的版本的办法，但是应为楼主降低echarts的版本时导致了系统的其他统计图样式出现错误，所以这个方案是行不通的，所以反复看了echarts的文档有无解决方案，出现这个问题的原因大概率是重置时传入option项有问题，所以我考虑是setOption有特定的配置项来处理，所以去看了下文档
在这里插入图片描述
在文档中发现了这项，然后我考虑到是option的问题，及重置后传入的是一个新的option数据，由于option我这边是3D图，option配置项特别多，所以考虑到可能是series内的内容出了问题，所以得尝试修改这个属性
修改后就OK了
修改方案：
在这里插入图片描述

日落KK
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Echarts中Option属性设置，Java详解
m0_63099094的博客
11-07 1037
// width: 50, // 文字块的宽度。 默认 // height: 40, // 文字块的高度 默认 textBorderColor: “transparent”, // 文字本身的描边颜色。 textBorderWidth: 0, // 文字本身的描边宽度。 textShadowColor: “transparent”, // 文字本身的阴影颜色。 textShadowBlur: 0, // 文字本身的阴影长度。 textShadowOffsetX: 0, // 文字本身的阴影 X 偏移。 te
如何使用图片按钮作为重置(reset)表单按钮
09-28
在网页设计中，为了提升用户体验和视觉效果，我们经常使用自定义的图片来替代传统的文本按钮，如提交和重置按钮。本篇文章将详细介绍如何使用图片按钮作为重置(reset)表单的功能。 首先，我们需要了解HTML中的`...
echart 重新初始化
yousacks的博客
06-15 2694
echart初始化
echarts 通过dom获取echarts实例，批量监听reset
dicha7140的博客
03-01 1227
重点在于 echarts.getInstanceByDom 这个 API 我的js： // 懒加载优化：滚动节流策略 var __SCROLLTIMER__ = null // 重新设置 echarts 的宽高 var resizeEcharts = () => { $('[_echarts_instance_]').each((i, e...
Echarts中option属性设置
zhaojjjjjj163的博客
05-16 1757
直角坐标系 grid 中的 x 轴，一般情况下单个 grid 组件最多只能放上下两个 x 轴，多于两个 x 轴需要通过配置 offset 属性防止同个位置多个 x 轴重叠。直角坐标系 grid 中的 y 轴，一般情况下单个 grid 组件最多只能放左右两个 y 轴，多于两个 y 轴需要通过配置 offset 属性防止同个位置多个 Y 轴重叠。可以设置在坐标系中，即 grid.tooltip、polar.tooltip、single.tooltip。可以设置在全局，即 tooltip。可以设置在系列中，即。
echart动态柱状排序图切换条件后，清除原来数据重新渲柒
百度一下 猎人社区
06-15 2520
在这段代码中，我们首先定义了一个名为Chart的Vue组件。同时，我们还使用watch函数来监听排序方式的变化，并使用watchSortType函数来处理数据排序和图表的重新渲染。在本文中，我们展示了如何使用ECharts和Vue.js框架实现动态柱状排序图，并在切换条件后清除原来的数据并重新渲染图表。在本文中，我们将介绍如何使用ECharts和Vue.js框架实现动态柱状排序图，并在切换条件后清除原来数据重新渲染。当您点击Reset按钮时，原来的数据将被清除，随机生成新的数据，并重新渲染图表。
Bootstrap按钮功能之查询按钮和重置按钮
09-01
在本篇文章中，我们将探讨如何在Bootstrap中实现查询按钮和重置按钮的功能，这对于创建具有交互性的查询列表至关重要。 1. **问题背景** 在很多Web应用中，用户需要根据特定条件查询数据，通常会看到包含查询条件...
layui 点击重置按钮, select 并没有被重置的解决方法
10-16
今天小编就为大家分享一篇layui 点击重置按钮, select 并没有被重置的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Angular2搜索和重置按钮过场动画
08-30
本示例关注的是在搜索和重置按钮上实现这样的动画。Angular2提供了强大的动画支持，通过`@angular/animations`模块，我们可以创建丰富的动画效果。 首先，我们需要引入所需的动画指令。在`project.component.ts`中...
Vue + echart.js 绘制图形和摧毁图形的注意点（经常用 reset 函数，提高性能，防止浏览器频繁响应事件解决方法）
窝窝头的博客
11-20 766
一、版本说明 vue == 2.5.2 echarts == 4.2.1 element-ui == 2.12.0 二、 地图 三、饼图 四、柱状图 五、共同点 1、定义 绘制图形函数( initChart() )，通过 echarts.init(document.querySelector("#id")) 或e...
echarts 世界地图 刷新后地图不见了的问题
weixin_39845185的博客
05-07 933
页面刷新，地图就不见了，原因是世界地图的坐标没了。 解决方法，引入世界地图坐标：
echarts 地图需要重新初始化
chengchong_cc的博客
08-31 234
【代码】echarts 地图需要重新初始化。
echarts数据动态更新和dataZoom被重置的问题
aliven1的博客
08-01 7673
echarts的数据更新使用setOption来实现的。 官网的解释是这样的： 设置图表实例的配置项以及数据，万能接口，所有参数和数据的修改都可以通过 setOption 完成，ECharts 会合并新的参数和数据，然后刷新图表。如果开启动画的话，ECharts 找到两组数据之间的差异然后通过合适的动画去表现数据的变化。 所以我们在希望数据实时更新的时间，使用setOption即可。 但...
Vue3+ts实现用echarts实现3D柱状图
wtd183833501176的博客
10-17 476
终于!!!!!!!!!!!!!实现啦,Vue3+ts实现echarts的3D柱状图
Echarts中Option属性设置
m0_48332054的博客
11-21 1604
Echarts中Option属性设置
Highcharts 3D饼状图用法示例（options3d属性设置无效。。。）
最新发布
千里之行，始于足下
04-10 370
Highcharts 3D饼状图用法示例（options3d属性设置无效。。。）
使用vue-echarts绘图更新option视图不更新问题
XIAO_A_fighting的博客
01-03 3122
在更新echarts视图的配置项时，在对echarts图本身的配置项进行修改的时候，删除新增的图表配置，视图并不会更新，查看原因之后可以发现是因为对于echarts来说，为了提升效率，会自动将图表的option与之前的option进行合并， 但是当图表，根据传进来的option变化的时候，比如折线图当传进来两列数据的时候绘制一条线，传进一列数据时就绘制一条线。
vue-echarts：动态赋值series，更新options
ansheng02的博客
09-13 4028
这个是为了记录下解决的bug，问题场景： 初次请求数据：国家参数为 5 个，这个时候，筛选国家列表数据， 当筛选的数据少于 5 个时，比如筛选了2个国家，则多出来的3条线会重合最后一条数据的线上，在点击图例“不显示该条数据”的时候，还是会显示剩余的三条线； 当筛选的数据多于 5 个，这个时候，筛选国家，会出现最少两个数据 的 折线和图例对不上，出现互换的情况。 解析： 出现这样的问题原本的猜测是 颜色设置有问题，考虑的解决方案是： 1. 在动态赋值 serie...
【echarts】的右上角工具栏点击restore恢复按钮图表空白问题
$
02-28 4016
"export 'default' (imported as 'echarts') was not found in 'echarts' * echarts/lib/label/labelStyle in ./node_modules/_echarts-gl@2.0.8@echarts-gl/lib/component/common/LabelsBuilder.js, ./node_modules/_echarts-gl@2.0.8@echarts-gl/lib/component/grid3D/Grid3
css怎么让图片代替重置按钮
06-11
你可以使用CSS的background-image属性来让图片代替重置按钮。首先，将重置按钮的样式设置为不可见： ``` input[type="reset"] { display: none; } ``` 然后，将一个代替按钮的图片设置为表单的背景图像： ``` ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值