递归火山软件开发平台

标题: 带你快速上手火山ECharts图表库 [打印本页]

作者: 1185907650    时间: 2021-8-8 09:07
标题: 带你快速上手火山ECharts图表库

大数据时代,数据可是化基本是标配,若是你的程序没有一些让人耳目一新的数据图表,可就out了喔.
今天给大家分享下火山自带的ECharts图表组件(注意找不到此组件的小伙伴注意,请更新到20210803日的火山PC喔)
ECharts图表组件的实质:
实际上就是一个MB浏览器加载JS脚本实现的ECharts.js图表的显示!
miniblink 是一款基于chromium内核开源的浏览器框架,进行了大量的裁剪,体积非常小且封装的很简练,只需要一个node.dll和wke.h就可以使用
ECharts 是一个使用 JavaScript 实现的开源可视化库,涵盖各行业图表,满足各种需求。(echarts是**出品的开源库)
**官方文档,上面有大量的使用案例可供参考,非常不错喔  https://echarts.apache.org/examples/zh/index.html

下面我们先用html加上JS实现原生的网页版js的加载演示,这样让你,知其然,也知其所以然!
从官网下载echarts.min.js或直接用火山官方库自带的echarts.min.js,代码如下:
使用流程非常简单的:
1新建html文件
2引入echarts.min.js库文件
3新建DIV容器来盛放JS生成的图表
4设置图表的各种参数
5显示图表
怎么样代码是不是非常简单,看下运行结果:
好的,小伙伴知道原理之后,我们就用火山封装好的ECharts图表库实现上面一样的柱状图:
第一步,引用库,不然你在界面设计区域找不到echarts组件的
第二步选择用到的图表,我们用的是柱状图举例
3.编写代码实现上述原生网页图表:
看下最终运行的动画,是不是特别简单,加油,小伙伴们
注意事项,生成的exe文件需要node.dll才能正常运行喔:


源码下载:



作者: xo37    时间: 2021-8-8 19:34
感谢分享这个库

作者: 网络注册会员    时间: 2021-8-8 19:57
感谢分享这个库
作者: 1185907650    时间: 2021-8-9 10:30
日常一顶
作者: xshn    时间: 2021-8-11 13:44
学习一下
作者: 1185907650    时间: 2021-8-17 14:35
日常一顶
作者: 飞翔网络工作室    时间: 2021-8-17 15:28
顶一目~
作者: 芒g一号    时间: 2021-8-17 20:05
感谢分享这个库

作者: xo37    时间: 2021-8-21 14:20
本帖最后由 xo37 于 2021-8-21 14:55 编辑

这个库,新版火山PC里有
作者: lovely    时间: 2021-8-21 15:02

感谢分享这个库
作者: langui8899    时间: 2021-8-22 00:06
感谢分享这个库
作者: 1503123    时间: 2021-8-22 09:35
好好学习天天向上
作者: 最棒的英雄    时间: 2021-8-31 09:28
日常一顶
作者: sun19990909    时间: 2021-9-21 20:05
感谢分享

作者: itismine    时间: 2021-9-22 09:50
学习一下。

作者: 最棒的英雄    时间: 2021-9-27 22:27
日常一顶
作者: aycap    时间: 2021-9-27 23:43

感谢分享这个库
作者: qsf201122    时间: 2021-10-9 06:00
刚好需要!!感谢分享
作者: nurjay    时间: 2021-10-9 11:41

感谢分享这个库
作者: huazhen88    时间: 2021-10-19 20:35
学习新东西
作者: kca    时间: 2021-10-20 14:27

学习一下
作者: fztyp    时间: 2021-10-21 00:10
遥遥仍基本原则
作者: 1185907650    时间: 2021-10-30 19:40
日常一顶
作者: 1185907650    时间: 2021-10-30 23:03
日常一顶
作者: ltqlmt888    时间: 2021-11-5 18:52

感谢分享这个库
作者: readyzhao    时间: 2021-11-22 20:17
感谢分享这个库
作者: dkslel    时间: 2021-11-29 15:43
学习一下

作者: dqjfm    时间: 2021-12-14 08:14
我更新了也没找到这个库
作者: 麦克斯韦    时间: 2022-9-22 14:14
FEATURESFEATURES
作者: alanwoo    时间: 2022-10-12 21:59

感谢分享
作者: sunny5546    时间: 2022-12-3 15:49
666666666666
作者: huayanzhen    时间: 2023-1-11 20:22
支持你顶起来
作者: locoman    时间: 2023-1-12 08:51
谢谢楼主无私分享!收藏学习。
作者: Nino    时间: 2023-4-3 17:21
谢谢
作者: amwji    时间: 2023-4-7 18:20
是手真的很快
作者: 23737879    时间: 2023-4-24 12:13
的方式多福多寿
作者: ljylxy    时间: 2023-8-13 20:21
学一学
作者: 金皿    时间: 2023-8-13 22:09
感谢分享!
作者: 明靓    时间: 2023-8-17 00:21
本帖最后由 明靓 于 2023-8-17 00:23 编辑

广告.......emmmmmmm
作者: 008    时间: 2023-8-17 00:24
6666666666666666666
作者: 夜风来袭    时间: 2023-8-20 02:08

感谢分享这个库
作者: fan2359    时间: 2024-1-19 00:28
感谢分享
作者: guangye1    时间: 2024-1-19 06:45
简单实用
作者: xbp2015    时间: 2024-1-23 23:12
6666666666
作者: 水常流    时间: 2024-2-10 22:57
感谢分享
作者: hanyongbo    时间: 2024-2-21 16:24
学习学习
作者: yh2393105053    时间: 2024-2-21 18:41
看看帖子里藏了啥好东西~~~
作者: souldoor    时间: 2024-5-29 16:12
非常好,下载看看




欢迎光临 递归火山软件开发平台 (https://bbs.voldp.com/) Powered by Discuz! X3.4