本帖最后由 macross 于 2015-9-24 15:41 编辑
fr图表全新优化! 引擎,视觉全面升级!
从fr创立初始,我们就意识到可视化对于报表展现的重要性。因此耗费无数心力,在当时几乎是破釜沉舟先瞻性的采用canvas,开发出了自己的一套图表库。然而,用户审美是随着时代变化的,图表的美化和交互的改善也是一个长久且持续的过程。在积累了大量用户需求和改善建议后,我们决定在今年大幅度优化目前的图表类型,展示效果以及动态交互。
目前暂定的计划是,新图表的各种类型将以插件形式逐渐发布在fr中,这样用户可以尽快的使用到最新的图表且不影响报表开发进度。同时,我们可以在开发过程中不断接受用户反馈,所以,各位如果有图表展现需求,就请狂轰滥炸我们产品组吧(可在此贴留言或者邮件wangjun@fanruan.com)。
今天发布的饼图,就是fr开发的第一款新图表,下面简单介绍下酷炫的新饼图特性~
欢迎参加——FineReport新图表有奖反馈(第1期:酷炫新饼图)
奖励:总共发放100份问卷,参加即奖励60F豆,最后从中抽取2名幸运番薯,获得50F币或者零食大礼包一份。时间:2015-09-24 00:00~2015-09-30 23:59
********************************************************************************************************
1.玫瑰图特性
新饼图共有三种形态可选择:普通饼图,等弧度玫瑰图,和不等弧度玫瑰图。
三种实际效果如下:
充满层次的玫瑰图用在报表展示中,是不是更吸引眼球呢?
2. 自由的角度定义
在系列界面,饼图新增了初始角度和结束角度的定义。于是放开你的想象力吧,你可以制作这样的饼图
(270~90)
或者是这样的
(300~300)
甚至是这样的
(270~180 内径50%)
3.内径设置
上面那张图就用到了饼图的新特性——内径。
利用好内径,不仅可以提升图表的视觉效果,还可以使得图表的信息更具有层次性。 如:
利用饼图的内径,还可以制作出信息百分比图
4.自由的模块定义
也许你会好奇上面那张图饼图中间的文字是什么,其实这是饼图的标题。
新饼图把对于标题和图例区域的大小和位置定义完全交给了用户,用户可以设定标题和图例悬浮于图表之上。
如:
5.全新的动画效果
新饼图的各类动画效果经过了我们的深思熟虑,一遍遍调整参数甚至推翻原稿正是为了达到动画的最初意义——美观和谐且具有意义。
6.工具栏交互
用户可自定义工具栏交互及功能,目前工具栏可提供的特色交互有“排序”(包括顺序及逆序排序)“导出图片”和“全屏”
7.数据点提示以及标签内容的自定义
更自由的内容定义,将会是新图表的基础原则。 数据点提示和标签提供内容和样式的完全自定义,用户甚至可以将其设置为html内容。
(数据点提示内容嵌入图片)
8.多饼图共享图例
新饼图支持分类设置,而且多分类的饼图共享图例,如图:
9.移动端h5预览
新版的一个亮点也在于对移动端web浏览的特殊优化,无论是性能和效果,都有大幅度的提升。
介绍了这么多,更多的细节和效果,就留给用户自己去尝试吧
安装官网最新的设计器,即内置了此功能。
最后再打一句广告,帆软图表交流可加此群:136195993 有关于图表的需求,大家可以在里面交流
下期我们将会发布柱形图(新特性)~ 视觉简稿如下:
|