使用v-charts报错

最新推荐文章于 2024-04-15 10:31:18 发布

菜园子里的小码农

最新推荐文章于 2024-04-15 10:31:18 发布

阅读量765

点赞数 1

本文链接：https://blog.csdn.net/qq_38374502/article/details/112981359

版权

博主在使用ECharts时遇到依赖缺失问题，发现是由于版本过高导致。通过将版本降至4.9解决了'echarts/lib/visual/dataColor'找不到的问题。推荐读者检查ECharts版本并适当调整。

摘要由CSDN通过智能技术生成

This dependency was not found:

* echarts/lib/visual/dataColor in ./node_modules/echarts-liquidfill/src/liquidFill.js

To install it, you can run: npm install --save echarts/lib/visual/dataColor

原因：看了https://blog.csdn.net/lhq15222807611/article/details/112219626这个发现是echarts版本过高我使用的是5.0.1的改为4.9就好了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

菜园子里的小码农

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vue2/3 - echarts报错Error in callback for watcher “chartSource“: “Error: Initialize failed: invalid do

高级前端工程师

05-13

2676

vue.js，vue2，vue3，echarts，Echarts图表插件，vue3+charts报错，chartSource，为什么会报错，图表渲染失败，加了if判断依旧报错，echarts chartSource，回调观察程序“chartSource”时出错：“错误：初始化失败：dom无效。”，Error in callback for watcher “chartSource“: “Error: Initialize failed: invalid dom.“，解决办法，还是无效怎么办，浏览器控制台报错

关于使用elementUI、v-chart开发后台中遇到的问题集合

weixin_42833042的博客

04-18

1962

最近入职新公司，接手的是phper用vue的element-admin和v-chart快速开发的一个物联网管理后台，代码暴力直接，很多模块都没有用到组件化，直接照搬了demo的实例修改，这就无意间增加了我接手的难度，所以趁还有记忆，记录一下自己遇到的坑。一、数据过滤优化前端最常做的就是对后台返回的数据做过滤和整合，那么对于那种对象与数组间关联的数据处理，我们经常会套用一层又一层的循环来达到...

参与评论您还未登录，请先登录后发表或查看评论

使用v-charts引入图表时报错：undefined (reading ‘map‘)

iFTYneskr的博客

07-31

536

【代码】使用v-charts引入图表时报错：undefined (reading ‘map‘)

使用v-charts引入任意图表的时候报错：undefined (reading ‘map‘)

m0_56915985的博客

04-05

735

使用v-charts引入任意图表的时候报错：undefined (reading 'map')

echart报错echarts/lib/visual/dataColor in ./node_modules/echarts-liquidfill/src/liquidFill.js

qq_39687662的博客

08-01

3469

报错内容：This dependency was not found: * echarts/lib/visual/dataColor in ./node_modules/echarts-liquidfill/src/liquidFill.js To install it, you can run: npm install --save echarts/lib/visual/dataColor 解决方法：运行 npm i v-charts echarts@4.9.0 -S即可 ...

v-charts使用，报错:To install it, you can run: npm install --save echarts/lib/visual/dataColor

lhq15222807611的博客

01-05

1万+

v-charts使用，报错:To install it, you can run: npm install --save echarts/lib/visual/dataColor 根据教程使用命令行安装v-charts。 npm install v-echarts echarts --save 安装完成后，在main.js里面引入引入之后，运行项目，报错 This dependency was not found: * echarts/lib/visual/dataColor in .

出现This dependency was not found:解决方法，亲测有用

daxi玫瑰的博客

08-01

1万+

出现This dependency was not found:解决方法

【全网最详细】V-Charts的基本使用

weixin_49352307的博客

03-17

2981

都是Array类型，第一个参数都是左侧最小，第二个参数都是最大值。默认值normal,就是rows中的正常展示的数据。图标节点上的提示框，默认显示提示框（true）category:默认类型，适用于离散的类目数据。可选值：KMB,normal，percent。默认情况：只会展示左侧数据,右侧不会展示。'value':数值轴，适用于连续数据。time：时间轴，适用于连续的时序数据。KMB会把大于千的数据转换为k单位。修改图例名称，不修改提示框的名称。图例显示，默认显示（true）main.js中写入。

v-charts组件化示例及动态传参

WhyBecause的博客

07-13

956

v-charts组件化动态封装

解决Echarts图表使用v-show,显示不全,宽度仅100px的问题

小柠檬爱编程

09-15

3226

最近做echarts图表时，因为涉及到使用开关变量控制不同图表的显示隐藏，用 v-if 时会出现没有获取到dom结构而报错，所以改用 v-show，但是 v-show 本身是结构已经存在，当数据发生变化时，结构并未重新渲染，所以会出现 echarts 图表未获取到最外层大盒子的宽度而显示一半的情况，就像下图：百度了各种资料结果都以失败告终,最后使用一下定时器就好了,只需要设置延迟一秒,图表就可以正常显示:为你奉上以下代码参考: // 分公司营业额图表 search1(row) {

vue突然出现This dependency was not found: * webpack-sources/lib/CompatSource in ./node_modules

热门推荐

u013017173的博客

09-01

3万+

报错： -!../…/…/node_modules/css-loader/dist/cjs.js??ref–6-oneOf-1-1!../…/…/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../…/…/node_modules/postcss-loader/src/index.js??ref–6-oneOf-1-2!./style.css in ./node_modules/css-loader/dist/cjs.js??ref–6-on

解决Vue报错:This dependency was not found

Sunshine_Jian的博客

03-02

1万+

This dependency was not found： * vue in ./src/main.js To install it, you can run: npm install --save vue

vue项目中使用Echarts 和Echarts中水球liquidFill插件

自由&不束缚的博客

09-11

1354

如果大家需要使用水球liquidFill插件的话，请参考这篇文章 https://blog.csdn.net/weixin_43953710/article/details/101761760 这里需要注意的是，如果项目中的水波颜色需要是渐变的话，类似设置为这样 color: [{ type: 'linear', x: 0, y: 0, x2: 0, y2: 1,

在vue中使用的Echarts的步骤

weixin_30815427的博客

02-26

153

1、首先在项目中安装Echarts　 npm install echarts -g --save //安装 2、在项目中引入Echarts（在main.js中引入） import echarts from 'echarts' //引入Echarts， Vue.prototype.$echarts = echarts //定义为全局变量 3、使用并绘制简单表格...

u-charts.js:1490 Uncaught TypeError: Cannot read properties of undefined (reading 'seriesGap') at eval (u-charts.js:1490:37)

08-28

这个报错信息是由于在u-charts.js文件的第1490行出现了一个TypeError，错误信息是"Cannot read properties of undefined (reading 'seriesGap')"。这意味着在这一行中，代码试图读取一个未定义的属性"seriesGap"。要解决这个问题，我们可以查看u-charts.js文件中与'seriesGap'相关的代码，并确保该属性已经正确定义。在这之前，我们需要确认是否已经正确引入了u-charts库。如果没有正确引入该库，也可能导致无法读取'seriesGap'属性。此外，还可以检查该属性是否在数据源中正确设置，或者可以尝试使用其他属性或方法替代'seriesGap'属性来解决问题。具体解决方法可能需要根据代码的上下文和具体情况进行调整。123 #### 引用[.reference_title] - *1* [Vue报错: TypeError: Cannot read properties of undefined (reading ‘protocol‘)](https://blog.csdn.net/qq_45934504/article/details/121451597)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [Learn-Charts.js:学习由Packt发布的chart.js](https://download.csdn.net/download/weixin_42144366/19137071)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [Design-Vue：解决Uncaught TypeError: Cannot read property ‘prototype‘ of undefined问题！](https://blog.csdn.net/Honeycomb_1/article/details/127553379)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]