【官方发布】基于d3.js的新柱形图与条形图

我是社区第44834位番薯,欢迎点我头像关注我哦~
    经过了一个月的开发与反复测试,我们的新柱形图和新条形图向大家开放啦 。  安装官网最新的exe即内置已开发好的三种新图表类型。   上期我们开放了新的饼图(详情见http://bbs.fanruan.com/thread-70328-1-1.html),之后受到了很多用户的好评和中肯的建议,fr可视化小组的每一次进步都与大家的关注密不可分~  希望能有更多的用户参与到与我们的互动中来,同时我们也将会尝试开辟更多的互动渠道。
   fr图表交流qq群:136195993

   
FineReport新图表有奖反馈(第2期:新柱形图与条形图)

  介绍下新柱形图的一些特性吧~

一.自由度极高的坐标轴定义
老的柱形图x轴只有文本和时间两种类型,能满足大部分需求。然而对于横轴为数值时的表达无法实现,如图新柱形图效果:
数值型柱形图.png
新柱形图支持自定义模式,支持多个x轴或y轴以及各个坐标轴位置和值顺序的自定义,如图:
自定义轴1.png
自定义轴2.png
自定义轴3.png


  二.圆角属性,柱子宽度自定义以及图片填充
在系列界面,柱形图开放诸多样式设置。如下图效果:
柱形图圆角.png
圆角2.png
图片.png








  三.动画效果和像素点精确
改进了新的动画效果以及像素级优化,使得柱形图的视觉效果焕然一新



动画2.gif
动画1.gif
动画3.gif



  四.图表缩放
新柱形图重新设计了坐标轴缩放功能,新功能支持控件缩放和手势缩放两种形态;同时支持控件默认状态设置。如下:
缩放无控件.gif
缩放控件.gif
缩放2.gif


  五.排序,保存以及全屏
工具栏与饼图一致,支持排序,全屏,保存
排序:
排序.gif
全屏:
全屏.gif



  六.标签自定义
标签的全面自定义,使得用户可以用柱形图做出更多注释型的图表;如图即为值轴为文字的柱形图:

标签自定义.png


   七.自定义堆积
柱形图的自定义模式下,除了支持多个x轴和y轴以外,同时支持系列堆积的自定义。如下图,即系列2与系列3单独堆积。

自定义堆积.png


  八.更多预警设置
除了警戒线支持横纵轴双轴设置之外,新图表新增了 自定义背景设置。如图是两种不同的预警方式效果:
警戒线:


警戒线.png

警戒线2.png

区域背景自定义:
区域背景.png


  九.数据点提示多种模式可选
新柱形图数据点提示含有两种模式,满足更多样需求。
单个系列数据点提示:

tooltip.png

显示所有系列:
tooltip2.png


新柱形图的新特性还有很多,就不在这里一一介绍了。如果想具体体验下,就去官网下载最新的exe吧,最新的exe即内置了新柱形图,新条形图以及新饼图

下期,预计15号我们将发布新折线图,如果大家有建议欢迎去图表交流群反馈:136195993~

折线图的视觉简稿:



折线图.gif











参与人数 +3 F豆 +3 理由
peng + 1 很给力!
波斯猫 + 1 赞一个!
huiluxin_he + 1 赞一个!

查看全部评分

发表于 2015-11-9 11:16:08
我只想说。。用我的专属表情时。。。问过我的感受没
发表于 2015-11-9 13:13:50
这表情6得不行啊
发表于 2015-11-10 16:30:34
昨晚刚看到的消息,今早就客户现场就用到了,赞
发表于 2015-11-11 13:47:16
本帖最后由 夏娃 于 2015-11-11 14:40 编辑

棒棒哒
发表于 2015-11-11 16:11:11
发表于 2015-11-13 09:28:05
那个不是无语妹子的专属表情吗?

笑得不行了
发表于 2015-11-13 10:43:10
酷的不要不要的
发表于 2015-11-13 15:07:44
能够满足更多的需求了。。
发表于 2015-11-15 13:44:22
不错,越来越有想法了,越来越活泼,但是,希望在严肃性方面能多下点功夫挖掘一些新鲜的样式。
发表于 2015-11-16 16:22:49
哇塞{:5_127:}
发表于 2015-11-18 14:29:28
{:5_127:}{:5_127:}
发表于 2017-9-6 09:38:30
有控件可以直接用吗?还是要写js代码呢?
发表于 2018-2-8 09:59:48
太酷了 赞一个!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

17回帖数 1关注人数 18347浏览人数
最后回复于:2018-2-8 09:59

任务进行中

    话题进行中...
    返回顶部 返回列表