nodejs学习—— 在vue框架下画出漂亮的图表

最新推荐文章于 2024-05-11 14:48:12 发布
最新推荐文章于 2024-05-11 14:48:12 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： 做个人吧 工具介绍 文章标签： vue.js echarts javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37876745/article/details/122707054
版权

1.表格类 vue-good-table
这个真的算是good-table了，我领导很喜欢
2.echarts
这个echarts是百度出品的一款可视化插件，目前主流的炫酷图基本都是这个框架做的，已经把highcharts远远的甩在了后面
几个好的网站：
https://vuejsexamples.com/tag/echarts/
在这里插入图片描述
其中偏向金融的库：
Candlestick Chart Library – TradingVue.js https://github.com/tvjsx/trading-vue-js
在这里插入图片描述

量化橙同学
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
一个完整的数据可视化小项目(Vue+node+echarts)
docwangsir的博客
07-16 5354
具体项目参见https://github.com/wzm1213052434/dataView 首先clone下来后，分别进入server文件夹和vueclient文件夹，建议先删去两个文件夹的node modules 文件夹，然后分别在在两个文件夹下打开cmd，都先npm install一下，然后server文件夹npm start ,vueclient文件夹 npm run dev 之后...
vue3 + node 实战（实现图片操作功能）总结
twinkle的博客
01-20 947
vue3 + node 实战（实现图片操作功能）总结 上效果 演示地址 源码地址 使用的技术栈 前端 vite: 一个刚出的构建工具，使用过后都说好，我是使用vite 来进行构建前端项目的。如何构建项目 vue3: 这个也是刚出不久，许多生态也在慢慢的完善，关于vue2 升级到vue3的不同，可以查看 element-plus：这是element团队推出支持vue3的ui组件库，我写文章这会儿还是测试版本，只是为了体验一下，顺便提点bug（感受一下不一样的bug）,哈哈 vue-router: 支持vu
vue 修改表格样式 element-ui
最新发布
qq_54146568的博客
05-11 160
我是用的是fks，可以直接把fks换成 el。代码实现，具体样式根据自己的需求来实现。
【小沐学前端】Node实现Web图表功能（ECharts.js，Vue3）
爱看书的小沐
03-18 925
Apache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。ECharts 是一个使用 JavaScript 实现的开源可视化库，涵盖各行业图表，满足各种需求。ECharts 遵循 Apache-2.0 开源协议，免费商用。ECharts 兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等）及兼容多种设备，可随时随地任性展示。╮(￣▽￣)╭如果您感觉方法或代码不咋地//(ㄒoㄒ)//
vue实现可拖拽流程图，Vue super flow组件，将节点node替换为图标/图片
热门推荐
qbbhgn的博客
05-11 1万+
vue实现可拖拽流程图，将节点node替换为图标/图片 先上效果图： 接下来是教程 我这里用到的是Vue super flow组件 1.首先下载依赖 npm install vue-super-flow 2.引入 我这里附上两种引用 2.1.第一种是全局引用，在main.js中引入 import SuperFlow from 'vue-super-flow' import 'vue-super-flow/lib/index.css' Vue.use(SuperFlow) 2.2.第二种是局部引用，在你
数据可视化平台 vue+node+webpack+echarts+d3
HiSen的博客
03-11 7112
前言 随着公司的发展和进步，数据大屏的业务日益增长，公司目前的做法大致可以分为两种 人肉 or 第三方工具平台 . 人肉：很简单，一个前端配备，熟练的 html + css + js 技能就完事了 ； 优点：开发灵活多变 不足：效率低，页面复用度不高（几乎为0复用度），大量重复性工作，占用前端开发时间 等 当然，也有人会说，目前比较主流的前端框架，像 Vue ,React 都是组件化，模块儿化的工...
基于Vue+NodeJs+MongoDB精品课程在线学习网站设计
10-23
## 开发软件： WebStorm 开发环境：Nodejs + vue + express + mongodb数据库 本网站是关于某个课程的在线学习平台，有网站前台，网站后台，服务器端接口和数据库4个部分。教师身份登录网站后端后可以发布管理教学...
vue，NodeJs，前段框架
10-09
vue，NodeJs，前段框架
详解使用nodeJs安装Vue-cli
10-19
这里我们选择了webpack，它是一个功能更全面的模板，配置文件可能分布在多个地方，而非仅根目录下的webpack.config.js。 **4. 项目初始化设置** 在项目创建过程中，会有几个配置选项，例如是否启用ESLint（代码风格...
vue+nodejs实现图片上传并顺序浏览
05-15
vue+nodejs实现图片上传并顺序浏览 vue+nodejs实现图片上传并顺序浏览 vue+nodejs实现图片上传并顺序浏览 vue+nodejs实现图片上传并顺序浏览 vue+nodejs实现图片上传并顺序...
nodejs开发——express路由与中间件
01-02
路由 ... host表示主机。 port为端口，可选字段，不提供时默认为80。 path指定请求资源的URI(Uniform Resource Identifier，统一资源定位符)，如果URL中没有给出path，一般会默认成“/”...来回顾我们在Node.js开发入门
vue+nodejs+element 实现drawio绘图效果
smile吖
07-11 4628
draw 项目地址：github 个人博客：smilestation.info 类似drawio效果，本项目采用前后端分离模式开发 前台采用 vue + element 后端采用 nodejs 数据库采用 MySQL 文件夹说明 server 后端文件夹 client 前端文件夹 主要内容说明： 实线箭头 drawArrow (Object) ctx: context对象 fromX: 开始点x坐标 值类型number fromY: 开始点y坐标 值类型number toX:
Vue项目使用ECharts实现图表
一起coding，一起嗨。
10-15 1499
Vue-ECharts GitHub地址：https://github.com/ecomfe/vue-echarts Github中文教程：https://github.com/ecomfe/vue-echarts/blob/master/README.zh_CN.md Vue-ECharts Apache ECharts (incubating) 的 Vue.js 组件。 基于Apache ECharts (incubating)v4.1.0+ 开发，依赖Vue.jsv2.2....
Vue+Node+高德地图+Echart做一款出行可视化全栈webapp
weixin_34381687的博客
06-08 513
咔咔出行（出行可视化） 项目简介 解决出行问题，用于出行行程记录，路线规划，数据可视化分析的移动端webapp 点击这里查看该项目 项目截图 私人出行 公共交通 历史列表 我的信息 技术栈 前端：移动端，vue全家桶，Mand组件库，Echarts.js，Scss 后端：Node，Express框架，高德地图API 数据库：Mysql 功能模块 个人出行 用户个人出行...
手把手教你用vue + node 作后端连接数据库
weixin_44235659的博客
12-28 1万+
手把手教你用 vue做前端，node做后端写接口并连接数据库
vue如何使用echarts做中国地图以及map地图和表格的联动
脑瓜疼儿的博客
08-01 2452
项目需求1: 使用中国地图展示数据,自定义tooltip 项目需求2: 地图和表格联动 点击或者悬浮表格某一行 自动选中地图的某个地区并显示自定义的tooltip 其中需求1 当时傻乎乎的还去下载了china.js 其实不管china.js/chain.json 或者 world.js/world.json 都可以在node_modules中的echarts里面找到 // 只需要这样引入即可 im...
一个功能强大、好看的vue表格组件
成长的足迹
10-20 6459
这是支持Vue 3/Vue 2的一个表格组件，支持表格增删改、虚拟表格、复杂表格、树形表格、数据校验、懒加载、分页、弹窗、单元格样式设置、按钮自定义样式、表头样式、单元格合等功能。好了，组件就给大家介绍到这边了，更多的具体功能，大家可以自己去实践。1、支持Vue3.0、Vue2.0版本，2.0版本已暂停升级。组件兼容各大浏览器、高效整洁的API设计、模块化表格。今天给大家推荐一个好用、强大的Vue表格扩展组件。4、支持按需加载、扩展接口。
Vue 炫酷 Echarts 图表
大家好，我是 ed.
11-11 1万+
Vue 炫酷 Echarts 图表 网址：https://www.makeapie.com/explore.html#sort=ranktimeframe=allauthor=all 这上边还是有很多设计炫酷的 echarts 图表的，可以做大屏的时候使用。简单的写几个案例，可以根据自己的需要选择使用。 水波球 首先使用这个水波球也有叫水纹球的，他需要安装一个插件 npm install echarts-liquidfill 然后就可以使用了。 效果 代码 <doc> https://w
java时序图工具_开源在线绘图工具，界面美观，功能丰富，总有一款适合你
weixin_39674028的博客
11-20 1300
俗话说，一图胜千言，一张小小的图片可以替代大段的文字说明，更可以形象直观地描述业务流程、展示算法...，下面给大家带来几款我最近收藏的开源在线绘图工具。Ant Design Pro项目地址：https://github.com/ant-design/ant-design-proAnt Design Pro流程图编辑器Ant Design Pro是蚂蚁开源的一款开箱即用的中台前端/设计解决方案。在其...
【vue】MongoDB+Nodejs+express+Vue后台管理项目Demo
06-03
6. 在Vue前端页面中使用axios请求后端数据 7. 运行项目并测试 以上是一个简单的MongoDB+Nodejs+express+Vue后台管理项目Demo的步骤，具体实现细节可以参考相关文档和教程。希望能对您有所帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

量化橙同学

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值