在进行Echarts，数据视图optionToContent: function (opt) 重写 实现数据对齐的时候，点击刷新，返回页面出错的问题

最新推荐文章于 2024-05-27 20:47:14 发布
最新推荐文章于 2024-05-27 20:47:14 发布
阅读量609 收藏
点赞数
文章标签： echarts 前端 javascript
原文链接：https://blog.csdn.net/qq_37123724/article/details/99614234
版权

经过查看官方文档，在使用 optionToContent 的情况下，如果支持数据编辑后的刷新，需要自行通过 contentToOption 函数实现组装 option 的逻辑。
代码如下：

contentToOption: function(HTMLDomElement, opt){undefined
return opt;
},


然后完美解决了
 

ZhiMaHuyizhi
关注
Qt开发经验总结
草上爬的博客
12-02 8606
增加了很多轮子，同时原有模块拆分的也更细致，估计为了方便拓展个管理。把一些过度封装的东西移除了（比如同样的功能有多个函数），保证了只有一个函数执行该功能。把一些Qt5中兼容Qt4的方法废弃了，必须用Qt5中对应的新的函数。跟随时代脚步，增加了不少新特性以满足日益增长的客户需求。对某些模块和类型及处理进行了革命性的重写，运行效率提高不少。有参数类型的变化，比如 long * 到 qintptr * 等，更加适应后续的拓展以及同时对32 64位不同系统的兼容。
MATLAB算法实战应用案例精讲-【图像处理】小目标检测（附matlab代码实现）
qq_36130719的博客
01-13 4366
现有的小目标定义方式主要分为以下两类，即基于相对尺度的定义与基于绝对尺度的定义。(1)基于相对尺度即从目标与图像的相对比例这一角度考虑来对小目标进行定义。Chen[1]等对小目标做了如下定义：同一类别中所有目标实例的相对面积，即边界框面积与图像面积之比的中位数在0.08%~0.58%之间。除此以外，较为常见的还有以下几种：①目标边界框的宽高与图像的宽高比例小于一定值，较为通用的比例值为0.1；②目标边界框面积与图像面积的比值开方小于一定值，较为通用的值为0.03；
ECharts工具箱optionToContent/contentToOption详解（含具体举例）
最新发布
yiqinkongjian的专栏
05-27 1132
ECharts工具箱optionToContent/contentToOption详解（含具体举例）
通过optionToContent修改Echarts数据视图（dataView）中数据列表的样式
xiaofeiwei521的博客
02-09 2656
问题还原： 在做项目中，图表展示基本是每个项目中必不可少的内容，通常我们会用开源的Echarts来实现图表展示功能。Echarts自带很多组件，在数据视图中可以查看对应的图表中的数据列表，但是默认的样式挺丑的，如下图所示： 那么如何优化下展示样式那？ 解决方案： ***通过toolbox中的optionToContent展现函数来实现。***官方API地址如下： optionToContent展现函数代码如下： optionToContent: function(opt) { var axisD
解决 echarts动态渲染数据图形不生效问题
GongWei_的博客
08-19 1万+
我们都知道echarts图标数据是写在option = {}对象里，但是数据不可能是固定值，而是通过后端接口返回来的，本以为只需要在 data里设置一个变量去接收返回的数据，然后再将变量赋值给echarts就可以了，结果踩坑了！发现这样并不能生效。 经过一段时间分析，原因就是 vue axios属于异步加载数据，数据改变了，但是没有告诉echarts，导致echarts并不知道数据变化了，所以得再数据变化后告诉echarts，让它重新渲染一次。 **解决办法**：在vue里我们可以很好的用到 [watch]
echarts自定义视图数据(dataView)
qq_45525250的博客
08-30 4874
因为我采用的是数组赋值的方式，因故代码做了稍许改动，以下是我的代码(重点是toolbox[工具] feature[自定义组件] dataView[数据视图] 中的optionToContent函数内)首先，先展示一下我这边的数据(数组格式生成，没有给x轴赋data)，因为有些曲线在某些下标中是没有值的情况下。然后查询资料，发现echarts中；它将自动采用下标赋值的方式去生成数据视图。如图所示：因为数据定义的时候，部分曲线下标是没有值的，如果按照x轴下标自动生成的话，这边数据将不匹配；...
ym——Andorid-15k+的面试题。
热门推荐
陈宇明
08-07 2万+
最近才开的博客，希望大家多多关注，andorid开发也做了3年有余了，也面试很多加企业，借此机会分享一下，我们中遇到过的问题以及解决方案吧，希望能够对正在找工作的andoird程序员有一定的帮助。学完本人博客发表《ym--andorid从零开始教程》+面试题目全理解，年薪18w以上绝对没问题。 特别献上整理过的50道面试题目 1.listView的优化方式 重用conve
oracle 报错总结
qq_40126657的博客
09-06 2277
ORA-00001: 违反唯一约束条件 (.) 错误说明：当在唯一索引所对应的列上键入重复值时，会触发此异常。 ORA-00017: 请求会话以设置跟踪事件 ORA-00018: 超出最大会话数 ORA-00019: 超出最大会话许可数 ORA-00020: 超出最大进程数 () ORA-00021: 会话附属于其它某些进程；无法转换会话 ORA-00022: 无效的会话 ID；访问
iOS 疑难杂症 学习笔记
小小小的骆驼的前端技术博客
07-18 2613
2015.04.22 1. 出现问题：虚拟机Xcode调试时候发现键盘出不来 错误提示：Xcode提示:Can’t find keyplane that supports type 8 for keyboard iPhone-Portrait-DecimalPad; using 3648623971_Portrait_iPhone-Simple-Pad_Default 解决方法：“这个可能
Echarts数据视图样式重写
Eddie-Wang的博客
05-23 1477
重写optionToContent:function(opt){...} 在使用Echarts 组件时，在数据视图显示的时候会发现表格数据没有行列对齐显示，如下。 可见，与预期的表格形式有很大的出路，通过查找发现在官方的文档有如下的说明： 从而，只需要按照自己的格式重写optionToContent:function(opt){...} ，其中opt就是视图opti...
vue echarts 图表数据导出excel
qq_43345846的博客
06-01 2769
注意：该文章基于vue-cli4.5，vue-cli3以上都可以啦。 首先是依赖的准备： jquery与jquery-table2excel-1.1.2 引入jquery 安装jquery npm install jquery --save 观察package.json中的dependencies是否有jquery 在 .eslintrc.js 中，添加jquery:true vue.config.js 是这么写的，因为我是新项目，还没有这个文件，所以就是引入jquery相关的配置了: c
echarts监控dataview数据视图的关闭按钮事件
qq_38519358的博客
08-29 4393
项目中会碰到对dataview数据视图关闭按钮事件的处理需求，比如点击该按钮执行其他某个操作。 在不改动源码的情况下，echarts其实没有该按钮的事件api，但是有一个contentToOption事件来监听刷新按钮的事件，因此方案改为：将刷新按钮替换为关闭按钮，再隐藏原来的关闭按钮。具体实现如下： 代码： toolbox: { show: true, itemGap: ...
Echarts自定义数据视图样式（表格样式）
weixin_42575028的博客
09-28 4565
用echarts的时候，由于echarts的原本的数据视图太过简单粗暴，为了项目更加美观，细致，不得不自己写一个表格样式,其实echarts也给我们自己写表格样式的空间optionToContent，下面以表格样式的数据视图为例，来实现一个自己的数据视图。 hourLineChart(data) { // 先进行排序 let newData = data.sort...
echarts部分格式化无法返回html的替代方案
奈登里的博客
07-18 2302
echarts部分格式化配置无法直接返回html样式，为此我们可以使用echarts配置中的rich自定义富文本样式作为替代方案。
Echarts中DataView显示Excel表格
凉茶微凉
07-24 1万+
最近项目用到功能：Echarts显示图表后，点击数据视图后显示对应的电子表格，并可以下载，具体如下： DataView 将数据通过Echarts图表的形式展现出来 单击图表的数据视图用layer弹出新页面 新页面用handsontable显示Excel样式电子表格 电子表格可以下载（只兼容Google最新浏览器） 技术栈 echarts 3
自定义echarts的toolbox事件
u012890715的专栏
12-20 9214
toolbox: { show : true, feature : { mark : {show: true}, dataView : { show: true, readOnly: true,
echarts数据视图样式
weixin_30824479的博客
02-11 281
echarts数据视图原生态的js的样式会出现变形，需要在optionToContent处添加自定义函数。 echarts官方文档 可以自定义optionToContent函数： optionToContent: function (opt) { let axisData = opt.xAxis[0].data; //坐标数据 let series = opt.s...
Echars数据视图
qq_30660283的博客
05-31 378
参考地址:点击打开链接
页面置换算法模拟与实现：OPT、LRU、FIFO
"页面置换算法的编程实现，包括理解内存分页管理，调页策略，常见页面置换算法如OPT，LRU，FIFO的模拟，以及编程语言的应用。" 页面置换算法是操作系统内存管理的重要组成部分，它处理的是当物理内存不足，需要将...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值