VUE+Echarts

vue+echarts之堆叠柱状图做法

echarts-子组件importechartsfrom"echarts";importeventBusfrom'@/components/event/event-bus'exportdefault{props:{legendData:{type:Array,default:[]},xAxisData:{type:Array,default:[]},seriesData:{type:Array,d
一挽长夏·2020-06-29 09:42

vue+echarts，终于明白了vue的一些组件的事儿

为什么80%的码农都做不了架构师？>>>需求：一个页面内，分页显示多个统计图表，要求用vue的组件，来进行绘制图表难题：一是我们用的是jquery+html5+js+echarts+vue，就是直接页面引用vue.min.js的方式，一开始以为会不行，但是最后发现结果是可以的hiahiahia~。二是我们统计图的重绘很奇怪，因为涉及到父子组件的数据变化，然后例如说，一般流程是这样的：打开页面，加载
weixin_33795743·2020-06-28 05:59

kibana集成echarts 与 angular混用Vue

这篇文章标题中看似不相关的两个话题被我放在了一起讨论，主要是因为在项目的POC过程中，我选择了Vue+Echarts作为基础组件完成了一个驾驶舱的验证，后续被要求直接将该驾驶舱集成到ELK系统当中时，才想起
点火三周·2020-06-27 07:32

基于vue+echarts 数据可视化大屏展示

获取ECharts的路径有以下几种，请根据您的情况进行选择：1)最直接的方法是在ECharts的官方网站中挑选适合您的版本进行下载，不同的打包下载应用于不同的开发者功能与体积的需求，或者您也可以直接下载完整版本；开发环境建议下载源代码版本，包含了常见的错误提示和警告。2)也可以在ECharts的GitHub上下载最新的release版本，解压出来的文件夹里的dist目录里可以找到最新版本的echa
你好！YOYO·2020-06-25 11:05

Vue+Echarts实现一个简单的折线图

现在要实现,Vue+Echarts实现一个折线图,打开vue的项目:1:在项目里面安装echartsnpminstallecharts--save2：在需要用图表的地方引入importechartsfrom'echarts
ZPeng_Yan·2020-06-22 09:47

基于vue+echarts 数据可视化大屏展示的方法示例

获取ECharts的路径有以下几种，请根据您的情况进行选择：1)最直接的方法是在ECharts的官方网站中挑选适合您的版本进行下载，不同的打包下载应用于不同的开发者功能与体积的需求，或者您也可以直接下载完整版本；开发环境建议下载源代码版本，包含了常见的错误提示和警告。2)也可以在ECharts的GitHub上下载最新的release版本，解压出来的文件夹里的dist目录里可以找到最新版本的echa
你好！YOYO·2020-03-09 10:26

Vue+Echarts 实现自定义折线图组件

网上Vue结合Echarts使用的例子少之又少，而且数据都写好在组件内且不可复用本文基于Vue.js高仿饿了么外卖App，在商家页面添加一个简易的可交互的平滑折线图Chrome调试模拟手机端操作效果：我将拆分为两个部分，标题和三个选择框写在当前页面seller.vue中，将配置折线图的样式都写在父组件seller.vue里，折线图则抽象化为可复用的组件。一模拟一份JSON格式的折线图xy坐标轴数据
JJIIMM·2020-02-21 06:07

编写折线图／柱状图组件vue+echarts

所以就有了下面的实现，封装一个vue+echarts组件。
葶子123·2020-02-19 15:52

vue+echarts数据图表展示

1.安装EchartsnpminstallEcharts--save2.引入Echarts在需要的页面import引入。我的例子是将图表创建成组件，最后在App.vue渲染出来。在components目录下创建文件Chart.vue，引入echarts包importechartsfrom'echarts'3.使用①添加容器，添加样式。vue中插入Echarts示例#chart_example{wi
wusq..·2020-02-12 15:33

VUE+Echarts 创建项目

1.使用cnpm添加vue-cli安装cnpm由于npm的服务器在国外，网速很慢。淘宝为解决这个问题，在国内做了同步的镜像网站http://npm.taobao.org/，我们可以安装国内镜像cnpm，以提高modules的安装速度npminstallcnpm-gvue-cli脚手架全局安装cnpminstall-g@vue/cli安装yarn使用cnpm全局安装yarn，在项目中可以直接使用ya
扬翼·2020-02-06 08:54

2019总结 - 极快而又忙碌的一年

全年总结上半年用vue+echarts实现了简单的工作台和大屏展示gitlab实现了邮件发送从webstorm基本转向了vscode大屏基本用ts实
ouyida3·2019-12-27 07:12

vue和echarts绘画动态响应折线图

一：处理点及其效果图vue+echarts效果图二、获取引入echarts获取方法：npminstallecharts--save引入方法：importechartsfrom'echarts'注：获取和引入的方式不止一种
carillon_85d3·2019-12-15 14:45

「干货」用 Vue + Echarts 打造你的专属可视化界面（下）

前言接上一篇文章《「干货」用Vue+Echarts打造你的专属可视化界面（上）》)，今天着重介绍标记的用法，来实现下图中的效果。所用的Echarts的版本号为：v4.3。
micherwa·2019-10-31 15:02

Vue+echarts案例demo

最近在做一个vue配合图标的项目，期间看了很多案例，也修改了很多配置，期间把觉得几个比较好的图形分享给大家，这个网站比较多的案例，也可以参考Echarts官网1.安装echartsnpminstallecharts--s2.在main.js中引入echarts，使echarts变成全局变量，通过this.$echarts引用importechartsfrom'echarts'Vue.prototy
不安于命·2019-09-18 16:16

使用vue+echarts快速进行全国地图与各省市地图联动(下沉)

项目源码附js/json地图数据（下载项目源码后请使用Npminstall来安装相关依赖）效果使用前请使用npm(cnpm)安装echarts，详情见官网。本文作为笔记demo只引入5个省(市)，根据需求可以引入更多。main.js//TheVuebuildversiontoloadwiththe`import`command//(runtime-onlyorstandalone)hasbeens
Mr .薛·2019-08-28 11:23

解决Vue+Echarts的手机APP页面内存溢出（页面空白问题）问题

问题背景：手机APP页面用了echarts+vue生成图表。如下图所示，假设一开始Tab标签页1下面有三个echarts图表，Tab标签2也有三个echarts图表。前几次切换Tba标签页可以正常生成图表，但是当切换多次以后，页面会出现空白的情况，页面也不会报错并且无明显提示。产生原因最终通过调试窗口发现了问题。如图：原因就是切换生成echarts时需要用到一部分内存，重复切换Tab标签页，之前生
Yang_Yang_66666·2019-07-31 10:10

Vue+Echarts饼状图

现在要实现,Vue+Echarts实现一个折线图,打开之前的mint项目:1:在项目里面安装echartscnpminstallecharts--s2：在需要用图表的地方引入importechartsfrom'echarts
前端王小婷·2019-05-13 19:26

vue+echarts实现可拖动节点的折线图（支持拖动方向和上下限的设置）

本篇文档主要是利用echarts实现可拖动节点的折线图，在echarts中找到了一个demo，传送门：https://echarts.baidu.com/examples/editor.html?c=line-draggable,但是不是用vue写的，并且在改写为vue组件的过程中遇到了很多问题，在百度过程中发现并没有相关的文档，所以决定自己开发，并在demo的基础上开发了一些实用的功能，所以把这
进击的小王子·2019-04-12 09:53

（小小黑科技）vue+echarts实现半圆图表

如何用echarts实现半圆图表？在echarts官方实例倒腾一波，发现官方并没有提供半圆图表的写法，那怎么办呢？官方没提供，但需求还是要实现的。半圆图表其实就是饼图的一半，那么简单的思路如下：设置一个sum值，用来累计所有要展示的数据的总和，再添加到数据里面，那么整个饼图就可以分成均匀的两半，然后将sum值的数据在饼图里面隐藏，就只剩下半圆。下面上代码：安装echartsnpminstallec
Ysunshine·2019-04-10 00:00

echarts+jq Web实现大屏数据可视化展示效果

vue+echarts大屏数据可视化展示参见点击进入需求原因，做了一套数据可视化页面的展示效果demo。主要使用了echarts里面的纵向和横向柱状图，区域地图，以及环状图和折线图。
你好！YOYO·2019-02-25 14:30

vue+echarts实现动态绘制图表及异步加载数据的方法

前言背景：vue写的后台管理，需要将表格数据绘制成图表（折线图，柱状图），图表数据都是通过接口请求回来的。安装cnpminstallecharts--s(我这里用了淘宝镜像，不知道同学自行百度)实例化在已有的项目中下载好了echarts之后，可以打开官方文档，但是我觉得官方文档对于实例化介绍的不够清晰，这也是我为什么在这么多的文章中还要写的原因，前辈写的太模糊了，我决定好好给后来人，需要在项目中引
FannieGirl·2018-10-17 11:34

Vue+Echarts

版权声明：本文为博主原创文章，未经博主允许不得转载。Echarts是数据可视化中佼佼者！推荐大家可以玩一玩，非常实用！如果第一次接触Echarts的同学，这边有我以前写过的一篇入门：浅谈Echarts3.0Vue+Echarts现附上代码：importechartsfrom'echarts'exportdefault{name:'',data(){return{charts:'',opinion:
baobeituping·2017-09-22 11:04

前端框架Vue（5）——Vue+Echarts

Echarts是数据可视化中佼佼者！推荐大家可以玩一玩，非常实用！如果第一次接触Echarts的同学，这边有我以前写过的一篇入门：浅谈Echarts3.0Vue+Echarts现附上代码：importechartsfrom'echarts'exportdefault{name:'',data(){return{charts:'',opinion:['直接访问','邮件营销','联盟广告','视频广
JesusAllen30·2017-04-05 19:23

前端框架Vue（5）——Vue+Echarts

Echarts是数据可视化中佼佼者！推荐大家可以玩一玩，非常实用！如果第一次接触Echarts的同学，这边有我以前写过的一篇入门：浅谈Echarts3.0Vue+Echarts现附上代码：importechartsfrom'echarts'exportdefault{name:'',data(){return{charts:'',opinion:['直接访问','邮件营销','联盟广告','视频广
JesusAllen30·2017-04-05 19:23
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他