html5圖表製作教程:FineReport製作負數柱形圖?

下面就通過圖表製作軟體FineReport來簡單介紹。

工具/原料

FineReport7.1.1

大小:148.2M 適用平臺:windows/linux

方法/步驟

問題描述

當資料出現負數時,圖表中就需要對應表示出負數的部分,6.5.5版本的圖表已經支援顯示負數,但是無法明確以0刻度為分界,在7.0版本中對該功能又進一步的進行了優化。效果如下:

html5圖表製作教程:FineReport製作負數柱形圖

準備資料

新建工作薄,新增資料集,SQL語句為SELECT 產品名稱, 庫存量, (訂購量+再訂購量) as 訂購總量 FROM [產品] where 類別ID = 1,查詢出飲料類產品的庫存量與訂購總量。

如下圖製作報表,統計出各產品的庫存量與訂購總量,並使用公式計算出剩餘庫存量,若相差數量為負數,則表示該產品需要補貨了;以此作為圖表資料,使用統計圖直觀地查看出哪些產品需要補貨:

html5圖表製作教程:FineReport製作負數柱形圖

負數柱形圖設計

普通柱形圖就支援顯示負數,以懸浮圖表為例,在選單欄裡點選插入>懸浮元素>插入圖表,彈出圖表嚮導對話方塊,選擇柱形圖,點選確定,圖表資料來源設定,如下:

html5圖表製作教程:FineReport製作負數柱形圖

儲存與預覽

儲存模板,點選分頁預覽,效果即如上。

教程, 圖表, 柱形圖, 負數,
相關問題答案