“唉!”公司里负责报表开发的老王叹了口气,满面愁容。

“老板想要图表样式可以个性化定制,可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插件解锁多图表样式相关推荐

  1. react可视化项目 ECharts 3D区域地图图表+点击取消高亮黄色

    react 可视化项目 ECharts 3D区域地图图表 地图介绍 echarts图表引入 react页面中引入使用 地图介绍 做可视化项目时需要3d的区域地图,在网上搜到ECharts社区的一个其他 ...

  2. editor修改样式 vue_vue-quill-editor的使用及个性化定制操作

    最近在用vue + element ui写一个小应用要用到富文本编辑器,以前做项目都一直都用ueditor,但是看了一下它与vue的兼容性并不好,又对比了几个后,选择了vue-quill-editor ...

  3. 数据可视化-echarts入门、常见图表案例、超详细配置解析及项目案例

    文章目录 数据可视化-echarts入门.常见图表案例及项目案例 一.简介 一.数据可视化简介 二.echarts简介 三.echarts特点 四.ZRender介绍 二.Echarts的基本使用 一 ...

  4. 数据可视化ECharts的七大常用图表,看完就会用(1)

    本文的后半部分:数据可视化ECharts的常用图表,看完就会用(2) 文章目录 数据可视化 什么是数据可视化? 数据可视化的好处 数据可视化的实现方式 ECharts ECharts的特性 一个ECh ...

  5. Vue使用echarts制作好看的图表(一)

    Apache ECharts,一个基于 JavaScript 的开源可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表. ECharts安装与卸载 安装最新版 npm install ...

  6. echarts属性,常用图表详解

    目录 a.折线图 b.柱状图 c.堆叠柱状图 d.饼图 e.南丁格尔玫瑰图 f.基础雷达图 g.数据聚合图 h.气泡图 i.k线图 j.基础盒须图 k.漏斗图 l.仪表图 基础属性 // 标题配置ti ...

  7. ECharts实现动态切换主题样式

    ECharts是百度开源的一个JS数据可视化库.通过颜色主题可以轻松实现不同颜色样式的修改,也可以通过调色盘.直接样式设置.高亮样式等方法实现. ECharts4 开始,除了一贯的默认主题外,新内置了 ...

  8. echarts饼图 mouseover中间部分文字样式设置,默认显示总和

    需求描述 需求要求利用echarts的饼图对企业数量进行统计,要求 默认饼图中间 显示全部 企业数量,鼠标移动上去,则显示对应部分的企业数量,并且设置样式. 效果图 具体代码 let TrendCha ...

  9. 关于echarts的N个图表N条线N种单位的封装

    前言:我们业务有种图表展示是后端返回N个图表,然后每个图表里面的线不一定,每个线都有各自的单位换算,所有需要多个Y轴,且如果几条线的单位相同,那就只出现一种单位轴线,多个Y轴需要推算每个Y轴的偏移量( ...

最新文章

  1. jQuery 之正则表达式篇
  2. Apache/Nigix + Tomcat + 负载均衡
  3. CSS中可以or不可以继承的属性
  4. 周休2.5天是一种奢望?互联网人自愿加班成常态?
  5. 十年再出发!阿里云智能总裁张建锋演讲全记录
  6. 得到的 飞鸽 传书结果就是int * pointer;
  7. SpringCloud学习笔记018---SpringBoot前后端分离_集成_SpringSecurity_简单实现
  8. 车牌识别训练出现问题
  9. JavaScript数据类型之Boolean以及undefined和null(4)
  10. Solidwork SW许可限制,许可加入白名单
  11. web前端效率提升之禁用缓存-遁地龙卷风
  12. 如何完全的卸载MySQL数据库?
  13. 生鲜电商进入2.0时代,美团还有“后招”吗?
  14. MIUI9修改手机机型 修改王者荣耀版本
  15. OpenCV下载驿站(解决github下载问题,解决OpenCV官网下载较慢)
  16. 系统概要设计阶段2019/10/22软件工程
  17. ArduinoUNO实战-第十五章-液晶LCD1602实验
  18. windows中如何让chrome信任自签名证书?
  19. 多多自走棋改动_多多自走棋7.24更新 棋子和装备改动一览
  20. 置信传播算法(Belief Propagation)简介

热门文章

  1. linux mysql管理软件_8款适合Linux用户使用的数据库管理工具!
  2. mysql 1786_mysql错误处理之ERROR 1786 (HY000)
  3. mysql id 不在集合里面_MySQL,PHP:从表中选择*,其中id不在数组中
  4. 钉钉上手体会:阿里实用主义的野望
  5. php vendor路径,php – 如何使用composer获取根包路径
  6. Elasticsearch索引的数据存储路径是如何确定的
  7. 编程的7个主要步骤:
  8. 2021年电竞营销行业半年度报告
  9. 2021中国新消费品牌社媒营销研究报告
  10. 2020年美妆行业内容营销报告