Welcome! 登入 註冊
美寶首頁 美寶百科 美寶論壇 美寶落格 美寶地圖

Advanced

FineReport新柱形圖和條形圖發佈了!

Posted by frlily 
FineReport新柱形圖和條形圖發佈了!

分類標籤: 資訊
經過了一個月的開發與反覆測試,我們的新柱形圖和新條形圖向大家開放啦 。
安裝官網最新的exe即內置已開發好的三種新圖表類型。
上期我們開放了新的餅圖(詳情見http://bbs.finereport.com/thread-70328-1-1.html),之後受到了很多用戶的好評和中肯的建議,fr可視化小組的每一次進步都與大家的關注密不可分~ 希望能有更多的用戶參與到與我們的互動中來,同時我們也將會嘗試開闢更多的互動渠道。
這是基於d3.js的新柱形圖和條形圖!下面介紹下新柱形圖的一些特性吧~
一.自由度極高的坐標軸定義
老的柱形圖x軸只有文本和時間兩種類型,能滿足大部分需求。然而對於橫軸為數值時的表達無法實現,如圖新柱形圖效果:
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/201511201-1.png[/img]
新柱形圖支持自定義模式,支持多個x軸或y軸以及各個坐標軸位置和值順序的自定義,如圖:
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/201511201-2.png[/img]
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/201511201-3.png[/img]
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/201511201-4.png[/img]
二.圓角屬性,柱子寬度自定義以及圖片填充
在系列界面,柱形圖開放諸多樣式設置。如下圖效果:
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/201511202-1.png[/img]
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/201511202-2.png[/img]
三.動畫效果和像素點精確
改進了新的動畫效果以及像素級優化,使得柱形圖的視覺效果煥然一新
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/201511203-1.gif[/img]
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/201511203-2.gif[/img]
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/201511203-3.gif[/img]
四.圖表縮放
新柱形圖重新設計了坐標軸縮放功能,新功能支持控制項縮放和手勢縮放兩種形態;同時支持控制項默認狀態設置。如下:
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/201511204-1.gif[/img]
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/201511204-2.gif[/img]
五.排序,保存以及全屏
工具欄與餅圖一致,支持排序,全屏,保存
排序:
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/201511205-1.gif[/img]
全屏:
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/201511205-2.gif[/img]
六.標籤自定義
標籤的全面自定義,使得用戶可以用柱形圖做出更多注釋型的圖表;如圖即為值軸為文字的柱形圖:
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/201511206.png[/img]
七.自定義堆積
柱形圖的自定義模式下,除了支持多個x軸和y軸以外,同時支持系列堆積的自定義。如下圖,即系列2與系列3單獨堆積。
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/201511207.png[/img]
八.更多預警設置
除了警戒線支持橫縱軸雙軸設置之外,新圖表新增了 自定義背景設置。如圖是兩種不同的預警方式效果:
警戒線:
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/201511208.png[/img]
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/201511208-2.png[/img]
區域背景自定義:
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/201511208-3.png[/img]
九.數據點提示多種模式可選
新柱形圖數據點提示含有兩種模式,滿足更多樣需求。
單個系列數據點提示:
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/201511209-1.png[/img]
顯示所有系列:
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/201511209-2.png[/img]
新柱形圖的新特性還有很多,就不在這裡一一介紹了。如果想具體體驗下,就去官網下載最新的exe吧,最新的exe即內置了新柱形圖,新條形圖以及新餅圖
下期,我們將發布新折線圖
折線圖的視覺簡稿:
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/2015112010.gif[/img]