Vue-ECharts

package.json中对peerDependencies的理解

composition-api":"^1.0.5","@vue/runtime-core":"^3.0.0","echarts":"^5.4.1","vue":"^2.6.12||^3.1.1"},这张图片展示的是vue-echarts
陌上烟雨寒·2024-08-30 14:51

VChart 组件基本使用

1.引入,安装importVChartfrom'vue-echarts'exportdefault{components:{VChart},全局引入,在main.js中操作importVuefrom'vue'import
不会秃头的Tzr·2024-03-11 08:06

【知识分享】Echarts雷达图组件封装

以下是封装Echarts雷达图组件的思路和示例代码：（1）继续沿用之前安装的Echarts和Vue-Echarts插件。
加瓦程序设计师·2024-03-01 20:05

vue-echarts

1、调接口获取reports页面的数据一定要添加判断，因为接口获取数据是异步的，不加判断会直接把初始化的空对象传给组件，所以需要加判断，等待接口获取到数据之后，再渲染折线图组件。2、在折线图组件中传入数据，并渲染到页面上
Healerzcy·2024-02-20 13:26

vue3 封装一个通用echarts组件

实现这个组件需要引入echarts和vue-echarts插件，使用vue-echarts是因为它帮我们封装了一些很常用的功能，比如监听页面resize后重新渲染功能，本次组件只使用到了autoresize
weixin_43160044·2024-02-13 19:28

推荐一个好用的插件，vue-echarts

1.介绍这个插件好处就是可以帮我们在使用echarts的时候节省掉一些事情，比如浏览器窗口大小发生变化时需要根据resize事件重新渲染图表，数据发生变化时重新渲染图表等，这个插件都帮我们做好了这块2.使用方法首先先安装这个插件pnpminstallechartsvue-echarts//如果是npm就使用npm如果是vue2的话还需要安装这个插件pnpmi-D@nuxtjs/compositio
weixin_43160044·2024-02-11 20:11

vue 3 中使用 echarts

减少打包体积，开始采用组件化的思路组织代码，对熟悉了之前整体一个包，引入包就能用的模式，在新模式下有点无从下手，现在开始使用：引入依赖pnpmaddechartsvue-echartsecharts是本体，vue-echarts
·2024-02-11 18:35

vue-echarts使用以及 tooltip不显示问题解决

第一种是像普通js一样引入Echarts；第二种是使用VueCharts；vue-echarts使用方法1.npminstallechartsvue-echarts2.在main.js里面按需引入模块，
流丶年丶·2024-01-24 13:21

vue-echarts 一些样式记录

label:{show:true,//开启显示position:'end',//在上方显示formatter:'{c}%',//显示百分比那个需要就放在那个上面textStyle:{//数值样式color:'#fff',fontSize:12,}}xAxis:[{type:'category',data:['Mon','Tue','Wed','Thu','Fri','Sat','Sun'],axi
undefined汪少·2024-01-18 08:58

vue-echarts踩坑，本地开发可以渲染echarts图表，线上环境图表渲染不出来

main.js全局注册v-chart组件importVueEChartsfrom"vue-echarts";Vue.component("v-chart",VueECharts);在页面中使用如上图，我开始写的静态数据
jieyucx·2024-01-13 01:05

vue3中，vue-echarts基本使用（柱状图、饼图、折线图）

注意：vue-echarts在使用前要先安装echarts，不要只安装vue-echarts这一个echarts官网地址：ApacheEChartsApacheECharts，一款基于JavaScript
可爱的秋秋啊·2024-01-12 19:12

vue-echarts：动态赋值series，更新options

有用！！在Vue中直接使用ref引用vue-echerts的组件，使用dom的setOption()方法更新series数据，解决数据更新显示不了的坑！！这个是为了记录下解决的bug，问题场景：初次请求数据：国家参数为5个，这个时候，筛选国家列表数据，当筛选的数据少于5个时，比如筛选了2个国家，则多出来的3条线会重合最后一条数据的线上，在点击图例“不显示该条数据”的时候，还是会显示剩余的三条线；当
大-魚·2023-12-31 13:00

Vue2中如何使用vue-echarts实现一个动态数据图表

Vue2中如何使用vue-echarts实现一个动态数据图表使用vue-echarts安装启动程序main.js导入vue-echarts页面使用组件使用vue-echarts实现想要的电子图表使用vue-echarts
阿布爱可乐·2023-12-03 05:20

vue-echarts echarts组件 更好的在vue项目中使用

vue-echarts使用github上封装过的组件github地址https://github.com/ecomfe/vue-echarts中文文档npm&ESM$npminstallechartsvue-echarts
沉迷...·2023-12-02 16:47

2023vue2用vue-echarts实现图表

文章目录【简单】学会在vue2用vue-echarts实现各种图表最终效果实现步骤0.干净的页面1.安装包2.格式化页面3.挑选图表4.最终配置5.OK学习更多如何设定图表样式如何了解配置项如何实现动态更新数据如何使用其他图表文档链接
feeeee889·2023-12-02 16:15

vue-echarts组件使用注意事项

vue-echarts(https://www.npmjs.com/package/vue-echarts/v/3.1.3)为VUE组件，支持ECharts图表绘制。
thinshootout·2023-11-21 03:59

2020-06-23vue中使用echarts

第一步：安装echarts和vue-echarts包。npminstallecharts,vue-echarts第二步：引入ECharts组件和图标相关依赖。
龙江楷·2023-11-20 00:37

vue-echarts饼图/柱状图点击事件

在实际的项目开发中，我们通常会用到Echarts来对数据进行展示，有时候需要用到Echarts的点击事件，增加系统的交互性，一般是点击Echarts图像的具体项来跳转路由并携带参数，当然也可以根据具体需求来做其他的业务逻辑。下面就Echarts图表的点击事件进行实现，文章省略了Echarts图的html代码，构建过程，option，适用的表格有饼图、柱状图、折线图。如果在实现过程中，遇到困难或者有
要成为大V的小v·2023-11-07 20:41

Vue-echarts 更改配置options没有触发视图更新问题解决——配置notMerge:true

前提[email protected]@6.0.0-rc.6vue-echarts是个将echarts封装为vue组件的包引入后，代码中可以使用来绘制表格现象this.chartOption更改后，如果内容比原来多，则会触发更新，反之不会。如点击按钮后将this.chartOption设置为空对象{}，发现图表并未更新。调查根据官方文档介绍echartsInstance.setOpti
JA+·2023-11-03 08:51

性能优化：Vue-ECharts使用CDN

一、背景在使用了Vue-ECharts的按需加载后，打包仍占用了较大的空间，故通过CDN方式，缩小打包体积。
Dreamy_lin·2023-10-27 16:54

vue3+echarts使用水球图

水球图不是echarts内置组件，需要安装搭配vue-echarts组件，该组件可以省略很多开发echarts图表的重复操作，如果init，setOptions等npminstallechartsnpminstallecharts-liquidfillnpminstallvue-echarts
永远不会太晚·2023-10-24 22:21

vue图表引用使用

如果你选择Vue作为你的前端框架，并且需要使用图表插件，那么可以考虑以下几种方式：使用Vue插件：Vue有许多专门为图表设计的插件，如Vue-chartjs、Vue-echarts等。
&ACE&·2023-10-22 08:00

vue echarts图表自适应屏幕变化

在Vue中使用ECharts图表实现自适应屏幕变化，可以按照以下步骤进行操作：安装ECharts和vue-echarts库。
无妄的罪·2023-10-18 01:04

vue-echarts 双Y轴保持Y轴分割线等分

当echart有两个Y轴时，会出现数据不同时，Y轴出现不对称分割的情况，如下图而我们要实现的效果为：双Y轴的时候，数据不一样也能实现等分切割线的样式具体实现代码如下//使用的是基于简单封装过的echart文件，因为//在setOption，初始化绘制图表时，接收外部传入的option。基于这个option来自定义namethis.myChart.setOption(this.setgraphic(
DuwEiQIAn_G！·2023-10-16 14:23

vue-echarts实现多功能图表

前言作为前端人员，日常图表、报表、地图的接触可谓相当频繁，今天小编隆重退出前端框架之VUE结合百度echart实现中国地图+各种图表的展示与使用；作为“你值得拥有”专栏阶段性末篇，值得一看主要实现功能——中国地图——环形图——折线图——柱形图——复杂交互——单选复选环境搭建初始化环境参考：利用vue-cli搭建vue项目框架项目部署buildproject：npminstallnpmrunbuil
dkjhl·2023-10-13 23:42

echarts 折线图,可滑动

1、主要得展示-折线图，x轴可以滑动，如图详细代码如下：本月客流图表importmomentfrom"moment";importeChartsfrom"vue-echarts";import{monthFlowOptions
花儿开富贵花·2023-10-08 10:59

vue中使用echarts

一开始想在网上找一个基于vue封装好的（懒省事），eg:vue-echarts，但是拉取下来发现，跟项目中使用的类型有点偏差，而且他们的数据大多都是定制好的，我很难在此基础上进行更改（惹不起），于是选择了放弃
秀萝卜·2023-10-04 09:09

Vue-echarts的使用

注意若您准备从vue-echarts≤5的版本迁移到新版本，请在升级v6前阅读迁移到v6部分文档。没准备好的话，可以继续阅读老版本的文档。
字里行间皆是陷阱·2023-09-22 16:53

vue2.x全局引入vue-echarts

本文基于"vue-echarts":“6.5.4”，“echarts”:“5.4.2”,1、安装npminstallechartsvue-echarts//Vue2(data(){return{option
风中蒲公英·2023-09-18 09:12

在vue2中使用echarts,vue-echarts,v-charts

一、在vue2中使用echarts在vue2中使用echarts，和在原生js中使用echarts步骤差不多，只不过我们需要在mounted钩子中写逻辑代码，具体步骤如下，安装`echarts``npminstallecharts-S在main.js中导入importEChartsfrom"echarts";Vue.prototype.$echarts=ECharts;将其挂载到vue的原型上，这
jieyucx·2023-09-13 09:20

【Vue】Vue中使用echarts显示体脂称日、周、月、年数量

：使用npm或yarn安装e-charts和vue-echartsnpminstallechartsvue-echarts2.在Vue组件中引入并使用echartsimport{Chart}from'vue-echarts'importechartsfrom'echarts'exportdefault
张天龙·2023-09-13 09:18

Echarts图表的使用以及如何适应屏幕变化

我在使用echarts时没有使用按需引入的方式，而是全部引入并且挂载到了Vue全局组件中，在main.js中//引入EchartsimportEChartsfrom'vue-echarts'import"echarts
叫灰灰的五岁小孩·2023-09-12 18:56

在Vue项目中使用ECharts

dev@types/echarts使用importVuefrom'vue';import{Component}from'vue-property-decorator';importEChartsfrom'vue-echarts
浪味仙儿啊·2023-09-11 23:41

【前端数据可视化】 06 - vue-echarts 和 v-charts 组件库

1.vue-Echarts1.1安装vue-Echarts需要同时安装echarts和vue-echarts->cnpminstallechartsvue-echarts-S。
itlu·2023-09-06 10:30

关于vue项目兼容ie浏览器的笔记

说说环境：我用的是vue-cli2，babel版本为7.7.2，vue-echarts版本为4.0.4。1、直接在ie中访问项目页面，一片空白，控制台各种报错。
汝若念卿·2023-09-04 03:10

【Vue3】 echarts雷达图 [文字标题过长显示不全]

DualPreventionOperation',}import{useDataStatus,dialogTypeEnum}from'@/stores/dialog/data-status'importVChartfrom'vue-echarts'constdataStatus
^草莓牛乳茶^·2023-08-29 18:32

vue中使用vue-echarts【全局引入，以及按需引入】

npmiecharts@4-S安装vue-echarts【注意版本号，我用的vue2，vue-echarts的版本高了还得安装@vue/composition-api】[email protected]
有蝉·2023-08-23 08:43

echarts柱状图重叠堆叠、渐变背景色、双Y轴、tooltip的formatter简单示例等效果

效果图代码复制粘贴即可使用笔者这用的是vue-echarts，省去了一些操作echarts的配置项挺多的，记录一下吧，忘了的时候回来看看话不多说，看代码importVChartfrom"vue-echarts
·2023-08-15 19:49

vue2升级vue-echarts报错记录

https://zhuanlan.zhihu.com/p/355180255image.pnghttps://github.com/ecomfe/vue-echarts/blob/main/README.zh-Hans.md
革易·2023-08-03 07:38

【基于Vue的第三方Echarts库】

1.vue-echarts组件库vue-echarts仓库地址：地址vue-echarts官方文档：地址因为vue-echarts组件封装对vue2和vue3版本是有区别的，所以下面针对vue2和vue3
灰太狼大王灬·2023-08-02 12:08

vue-echarts配置项详解

起因最近接手了一个vue3项目，echarts用的是"vue-echarts":“^6.0.0”，每次查看文档的时候痛苦不已，找一个配置要花费大量时间，所以这篇文章，主要就是为了记录比较常见的一些配置。
浮游本尊·2023-07-30 10:28

vue引入echarts图表

一开始想在网上找一个基于vue封装好的（懒省事），eg:vue-echarts，但是他们的类型有限，数据大多都是定制好的，我很难在此基础上进行更改（惹不起）。最终还是选择使用echarts。
小怪兽出没_86e0·2023-07-28 07:31

echarst环形进度，官网https://echarts.apache.org/examples/zh/index.html

1.安装npminstallechartsvue-echarts-S2.全局注册importVuefrom'vue'importVueEChartsfrom'vue-echarts'importEchartsfrom'echarts'importEchartsGLfrom'echarts-gl'import'echarts-liquidfill
吃痴鱼·2023-07-27 16:23

Vue + EChart4.0 从0到1打造商业级数据报表项目

组件TopView：开发卡片组件公共组件CommonCard公共组件引入脚本jsTopView卡片模块4组件初始代码累计销售额组件TotalSales开发1开发2开发3累计订单量组件开发echars和vue-echarts
与海boy·2023-07-16 18:28

Vue-ECharts使用说明

Vue-ECharts使用说明vue-echarts是在ApacheEcharts官网的echarts使用方法上二次封装的组件，方便我们创建echarts图应用到我们的项目中。
沐沐茶壶·2023-06-11 23:06

vue-Echarts地图国家-省-市下钻（地图右键返回上级）

chengDu.json文件是成都下各个区的，不需要可以删除这个逻辑，json文件不提供点击地图右键可返回上级image.png0"@click="setchina()">{{table[0].name}}1"@click="setprovice()">>{{table[1].name}}2"style="cursor:default">>{{table[2].name}}-->import*as
衬fzy·2023-05-29 15:30

在vue2中用vue-echarts和v-charts绘制百度地图定制散点图

一、在vue-echarts中定制百度地图效果准备安装依赖echartsvue-echartsnpmiechartsvue-echarts在main.js中引入importEChartsfrom“echarts
jieyucx·2023-04-18 16:51

vue2.x-echarts公共组件封装--简易篇（3d柱状图，炫酷仪表盘，折线，曲线图）

更新一下之前写的echarts简单图表公共组件的封装，该组件可以实现自适应展示效果废话不多说，上代码：vue-echarts通用组件let_c={id:1};import*asechartsfrom'echarts
皮蛋灬·2023-04-11 21:41

/node_modules/vue-echarts/dist/index.esm.min.js

Object(...)isnotafunction报错原因有很多，本方案只适合以下情形报错信息包含"node_modules/vue-echarts"解决方案npmivue-demi报错原因：新版vue-echarts
革易·2023-04-09 00:02

vue-echarts

1.安装cnpminstallechartsvue-echarts--save-dev//本人所使用的版本如下，最新版本的会有差异，建议指定办版本进行安装"echarts":"^4.1.0","vue-echarts
摩托小丸子·2023-03-27 08:08
上一页 1 2 3 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他