图表样式无法实现个性化定制?这个ECharts插件解锁多图表样式
“唉!”公司里负责报表开发的老王叹了口气,满面愁容。
“老板想要图表样式可以个性化定制,可FineReport实现不了啊。”
“公司业务还需要使用象形图和关系图,这些FineReport里面也没有…”
原来老王是想要使用更多样式的图表啊,我一听这不巧了嘛!刚好帆软推出了ECharts图表集成插件,绝对可以帮到老王,各位且听我慢慢道来~
1、什么是ECharts?
ECharts是一款基于JavaScript的数据可视化图表库,因为其具备多样式图表,可个性化定制的特性从而被众多开发人员所喜爱。帆软为了更好地满足用户对于可视化图表的丰富性和多样性的需求,开发了ECharts图表集成插件。
“ ECharts 图表我明白了,那这个插件又有哪些亮点呢?“
ECharts集成插件,不仅能让我们用上ECharts丰富的图表,还与FineReport做了很好的适配,帮助开发人员更方便地使用 ECharts 图表!咱们接着往下看。
2、ECharts图表集成插件
①支持对接FR数据源,轻松转JSON格式
ECharts 集成插件支持将添加的数据集生成对应结构的Json数据。用户只需添加数据集,再通过 getData() 引用即可,方便又省力!
②支持实时预览,图表调整更快
原来的报表开发想要调整图表样式,只能预览才能看到效果,不满意还要重新调整再次预览,电脑性能差一点调整图表就要花很长时间。
ECharts集成插件支持实时预览,在代码编辑器里,左边编辑代码,右边立即可以显示效果。开发效率 up up!
③支持与其他组件联动
ECharts 集成插件支持通过调用接口,参数传递的方式实现 ECharts 图表与其他组件联动,其他组件传参给 ECharts 等功能,满足更多场景需求。
(ECharts图表与其他组件联动)
(其他组件传参给ECharts图表)
福利
私信回复:图表,即可免费获得ECharts图表集成插件下载方式。
图表样式无法实现个性化定制?这个ECharts插件解锁多图表样式相关推荐
- react可视化项目 ECharts 3D区域地图图表+点击取消高亮黄色
react 可视化项目 ECharts 3D区域地图图表 地图介绍 echarts图表引入 react页面中引入使用 地图介绍 做可视化项目时需要3d的区域地图,在网上搜到ECharts社区的一个其他 ...
- editor修改样式 vue_vue-quill-editor的使用及个性化定制操作
最近在用vue + element ui写一个小应用要用到富文本编辑器,以前做项目都一直都用ueditor,但是看了一下它与vue的兼容性并不好,又对比了几个后,选择了vue-quill-editor ...
- 数据可视化-echarts入门、常见图表案例、超详细配置解析及项目案例
文章目录 数据可视化-echarts入门.常见图表案例及项目案例 一.简介 一.数据可视化简介 二.echarts简介 三.echarts特点 四.ZRender介绍 二.Echarts的基本使用 一 ...
- 数据可视化ECharts的七大常用图表,看完就会用(1)
本文的后半部分:数据可视化ECharts的常用图表,看完就会用(2) 文章目录 数据可视化 什么是数据可视化? 数据可视化的好处 数据可视化的实现方式 ECharts ECharts的特性 一个ECh ...
- Vue使用echarts制作好看的图表(一)
Apache ECharts,一个基于 JavaScript 的开源可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表. ECharts安装与卸载 安装最新版 npm install ...
- echarts属性,常用图表详解
目录 a.折线图 b.柱状图 c.堆叠柱状图 d.饼图 e.南丁格尔玫瑰图 f.基础雷达图 g.数据聚合图 h.气泡图 i.k线图 j.基础盒须图 k.漏斗图 l.仪表图 基础属性 // 标题配置ti ...
- ECharts实现动态切换主题样式
ECharts是百度开源的一个JS数据可视化库.通过颜色主题可以轻松实现不同颜色样式的修改,也可以通过调色盘.直接样式设置.高亮样式等方法实现. ECharts4 开始,除了一贯的默认主题外,新内置了 ...
- echarts饼图 mouseover中间部分文字样式设置,默认显示总和
需求描述 需求要求利用echarts的饼图对企业数量进行统计,要求 默认饼图中间 显示全部 企业数量,鼠标移动上去,则显示对应部分的企业数量,并且设置样式. 效果图 具体代码 let TrendCha ...
- 关于echarts的N个图表N条线N种单位的封装
前言:我们业务有种图表展示是后端返回N个图表,然后每个图表里面的线不一定,每个线都有各自的单位换算,所有需要多个Y轴,且如果几条线的单位相同,那就只出现一种单位轴线,多个Y轴需要推算每个Y轴的偏移量( ...
最新文章
- jQuery 之正则表达式篇
- Apache/Nigix + Tomcat + 负载均衡
- CSS中可以or不可以继承的属性
- 周休2.5天是一种奢望?互联网人自愿加班成常态?
- 十年再出发!阿里云智能总裁张建锋演讲全记录
- 得到的 飞鸽 传书结果就是int * pointer;
- SpringCloud学习笔记018---SpringBoot前后端分离_集成_SpringSecurity_简单实现
- 车牌识别训练出现问题
- JavaScript数据类型之Boolean以及undefined和null(4)
- Solidwork SW许可限制,许可加入白名单
- web前端效率提升之禁用缓存-遁地龙卷风
- 如何完全的卸载MySQL数据库?
- 生鲜电商进入2.0时代,美团还有“后招”吗?
- MIUI9修改手机机型 修改王者荣耀版本
- OpenCV下载驿站(解决github下载问题,解决OpenCV官网下载较慢)
- 系统概要设计阶段2019/10/22软件工程
- ArduinoUNO实战-第十五章-液晶LCD1602实验
- windows中如何让chrome信任自签名证书?
- 多多自走棋改动_多多自走棋7.24更新 棋子和装备改动一览
- 置信传播算法(Belief Propagation)简介
热门文章
- linux mysql管理软件_8款适合Linux用户使用的数据库管理工具!
- mysql 1786_mysql错误处理之ERROR 1786 (HY000)
- mysql id 不在集合里面_MySQL,PHP:从表中选择*,其中id不在数组中
- 钉钉上手体会:阿里实用主义的野望
- php vendor路径,php – 如何使用composer获取根包路径
- Elasticsearch索引的数据存储路径是如何确定的
- 编程的7个主要步骤:
- 2021年电竞营销行业半年度报告
- 2021中国新消费品牌社媒营销研究报告
- 2020年美妆行业内容营销报告