Vue中使用WebDataRocks插件,文件大于1M被限制解决办法

已于 2022-03-08 15:54:42 修改
阅读量2.4k 收藏 1
点赞数
分类专栏： vue webdatarocks 文章标签： vue.js 前端 javascript npm
于 2020-04-15 12:13:59 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45496202/article/details/105531467
版权

WebDataRocks打开大于1M的文件

最近在vue项目中使用WebDataRocks插件进行数据分析,发现打开文件超过1M就会被限制,如下图
在这里插入图片描述
为了解决这个问题废了挺大劲,最终解决了.下面给出解决方法:

首先说一下,这个方法目前只有在WebDataRocksv1.1.0版本中测试过并成功,现在默认安装应该是1.2.0版本的(本人比较懒没有测试1.2.0版本的),可以先用此方法在1.2.0版本中试一下,如果不行,可以使用1.1.0版本

第一步,找到node_modules文件夹下面的webdatarocks文件夹,打开webdatarocks文件夹下的webdatarocks.js文件,如下图
在这里插入图片描述
第二步
在webdatarocks.js文件中查找1048576,把这个值改为一个较大的值,保存,再刷新一下页面就OK了
在这里插入图片描述

我看到有人问我怎么在vue中使用该插件,下面附上他们官方回复我的使用方法: 点击查看vue中使用该插件的方法.

樵得樵眼笑眉舒
关注
专栏目录
vue中组件的props属性（详）
蜗牛~~
10-28 17万+
今天这篇文章，让你彻底学会props属性…… props主要用于组件的传值，他的工作就是为了接收外面传过来的数据，与data、el、ref是一个级别的配置项。
第十六篇 难点突破之 Vue 中使用 ElementUi el-upload 进行手动上传文件 限制上传文件类型 大小 同名等进行限制
Yzt_199626的博客
06-06 5771
个人在做文件上传功能的时候，踩过不少的坑，特在此记录下，方便后续的查阅，也帮助有需要的朋友查阅。 实现的功能有：文件类型上传类型限制、文件大小限制、文件总大小限制、文件
WebDataRocks报表设计
weixin_44993804的博客
09-18 1515
WebDataRocks报表设计欢迎阅读WebDataRocks报表设计基本使用下载安装到本地本地化JSON数据 欢迎阅读WebDataRocks报表设计基本使用 最近开发的项目有一个“监管考核”模块，需要对上百万的业务数据做统计管理，但是项目资金有限，不能购买帆软等花钱的报表工具，所以在查找了大量的资料，决定用UReport这个开源报表工具，但是这个报表工具做的数据实在有限，很不方便从多个维度分析数据，因此最终使用国外的WebDataRocks工具，这个工具还是比较好的，使用起来也方便。 WebDataR
电子表格插件webdatarocks.js
ICode联盟
08-25 322
下载地址类似excel的web透视电子表格插件webdatarocks.js，附带了一个chart.js图表。 dd:
pivot-react:WebDataRocks Web报告工具与React框架的集成示例
05-06
WebDataRocks与React框架的集成 该存储库包含WebDataRocks报告工具与React框架的示例集成项目。 如何运行项目 npm install npm start
vue 在线预览word、excel、pdf、txt、图片
jyf_568的博客
03-24 6805
excel文件预览 word文件预览 pdf文件预览 普通图片预览 一、查看word 引用mammoth.js 安装 npm install --save mammoth 引入import mammoth from “mammoth”; 1.页面 <div id="wordView" v-html="vHtml"/></div> 2.数据 data() { ...
ivot-localizations：WebDataRocks Web报表工具的本地化文件
02-04
ivot-localizations：WebDataRocks Web报表工具的本地化文件
vue中使用zTree插件
zsszyrf的博客
08-14 6069
在vue中使用zTree 首先需要下载 jQuery，建议从官方网站下载，zTree上的版本有点老，听说有些项目已经不支持； 两个zTree核心包，就是官网提供的下载地址中的文件，我们下载下来找到这两个文件，放到我们的项目文件夹中； 官网地址：http://www.treejs.cn 如果zTree 和jquery都下载完成后 如果出现$未定义 需要在 build/webpack.base.conf.js文件中 module——exports里面 加入这一一端代码 详情如下 ......
vue组件+vue插件的创建和使用
Lin_25937的博客
10-15 2467
vue组件，vue插件的创建和使用
vue2.0_在vue中使用echarts图表插件
QiuRenBB的博客
02-15 9723
说明：本例子基于vue-cli脚手架搭建 首先，安装echarts依赖 npm install echarts -S 注：安装NodeJS之后，使用npm来安装包使用的是国外的地址，经常会出现超时错误，这时可以通过修改为国内的淘宝镜像来加速安装。 //淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 在main.js中全局引入 //引入echarts import echarts from 'echarts' //vu
pivot-angular:WebDataRocks Web报表工具与Angular 2+框架的集成示例
05-14
WebDataRocks与Angular 4+框架的集成 更新到Angular 10 该存储库包含与Angular 4+框架一起的WebDataRocks报告工具的示例集成项目。 有关详细说明，请参阅本教程： 。 获取WebDataRocks WebDataRocks是免费的报告工具。 。 运行这个项目 从GitHub下载或克隆此示例项目。 通过在控制台中运行来安装npm软件包： npm install 运行您的应用程序： ng serve 您的应用程序将在http://localhost:4200/ 。
vue 录制视频并压缩视频文件的方法
12-09
文件上传框<input type=”file”>，除了可以选择文件上传之外，还可以调用摄像头来拍摄照片或者视频并上传。capture属性可以判断前置or后置摄像头。在视频播放的过程中，用canvas定时截取一张图片，然后用gif.js生成一张GIF图，从而完成前端的视频压缩。 我这里使用的是Vue写的，以下是我的流程及代码： 一、下载gif.js相关文件，可以到这里下载，然后将这几个文件放在根目录的static/js里面。 gif.js相关文件及存放路径 二、下载依赖包： npm i timers 三、在页面中声明： import { setInterval, clearInter
web显示csv_开发人员的选择：Web数据可视化工具
weixin_39802055的博客
12-01 392
本文探讨了仪表板作为数据分析和可视化工具的好处，并推荐了使用免费的数据可视化库构建基于Web的仪表板的方法。为Web应用程序提供数据可视化功能可能是一项挑战。 首先，作为开发人员，您必须找到适合您应用程序现有技术堆栈的工具。其次，该工具必须满足项目的特定功能和非功能要求。 为了简化您的搜索，我建议您看一下我更喜欢在项目中使用的那些交互式数据可视化工具。 我希望您会发现此概述对需要数据报告和可视化功...
国外的几种数据可视化工具
rede
10-09 2236
Searching for data visualization software can be a painstaking (and even expensive) process, one that requires lots of research and in some cases, a lofty budget. Thankfully, there are a number of free and open source data visualization tools out there. ..
bi可视化工具_适用于您的BI解决方案的最佳数据可视化和Web报告工具
cumi7754的博客
07-29 1809
bi可视化工具 借助智能数据分析使复杂变得简单 (Making the complex simple with smart data analysis) It is hard to overestimate the value of insightful analytics nowadays. All business processes have become data-driven: mark...
19个数据可视化JS库，请收藏！
码为人生的博客
07-21 841
数据可视化无疑是任何数据驱动型业务中最重要的部分。它使数据一目了然，还可以帮助发现可能不明显的隐藏趋势或模式。虽然有许多不同的方法可以可视化数据，但是，选择正确的方法可能很难。此外，许多用于数据可视化的 JavaScript 库使得选择正确的数据可视化工具变得非常困难。因此，在这篇文章中，小编将介绍可以使用的一些最好的19 个 Javascript 图形可视化库，看看哪个最适合我们的项目。
分享 7 个 高效的 JavaScript 库，总有一个适合你
前端达人
02-15 1392
当我们可以通过使用库轻松实现相同的结果时，为什么还要编写自定义功能？开发人员最好的朋友和救星就是这些第三方库。我相信一个好的项目会利用一些可用的最佳库。本系列就是帮助前端开发者整理一些相关的优秀的JS库，本篇是第一部分。1. handsontable"handsontable" 开源库是一个用于创建功能丰富的电子表格的 JavaScript 库。它可以让您在 Web 应用程序中创建与 Micros...
数据之星：轻量级的Web实时应用新秀 - DataStar
最新发布
gitblog_00029的博客
06-05 614
数据之星：轻量级的Web实时应用新秀 - DataStar datastar项目地址:https://gitcode.com/gh_mirrors/da/datastar 在浩瀚的技术星辰中，一颗名为DataStar的新星正缓缓升起，它带着简约而不简单的理念，致力于重塑前端开发的实践路径。DataStar是一个基于TypeScript构建的库，旨在通过最少的JavaScript代码实现超媒体系...
codeMirror自动补全(sql)元数据结构提示 动态提示库下面的表名 表下的字段名
weixin_45496202的博客
06-23 9562
Vue中codeMirror自动补全(元数据库>表>字段联想提示) 参考文档(codeMirror使用说明说) codeMirror官网 需求: 在输入sql时,可以根据元数据自动提示某个库下面所有的表和字段(例如: hive.table.field)当我输入hive. 会自动提示后面所有的table选项.往后同理.具体效果如下图 实现方法: 第一步,引入codeMirror 必须文件和自动提示插件 // 引入全局实例 import _CodeMirror from 'codemirror';
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值