html5數據圖表製作:FineReport圖表數據的介紹?

圖表數據屬性主要包含2個方面,一個是圖表數據源的設置,一個是數據篩選。下面就通過html5數據圖表製作軟件FineReport來簡單介紹一下。

工具/原料

FineReport7.1.1

html5數據圖表製作

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

方法/步驟

數據源

圖表數據源即圖表通過選擇圖表的分類軸、系列名稱及系列值來定義圖表數據。

圖表數據源分為兩種,一種是數據集數據源,一種是單元格數據源。

數據集數據源

數據集數據源表示圖表的數據來源於數據集

單元格數據源

單元格數據源表示圖表的數據來源於單元格

數據篩選

數據篩選包括對分類和系列的篩選,如下圖:

html5數據圖表製作:FineReport圖表數據的介紹

示例

在統計圖報表中,有時我們不希望顯示所有的系列內容,只希望顯示我們需要的或者排名靠前的幾個系列或者類別,而且在顯示同時還可設置顯示數據與實際值不同。

html5數據圖表製作:FineReport圖表數據的介紹

html5數據圖表製作:FineReport圖表數據的介紹

設置數據過濾

由上圖可以看出,餅圖中的每塊表示一個系列,選中圖表,點擊圖表屬性表-數據>數據篩選設置如下圖

設置僅顯示前3條圖例,如果系列有空值的時候,可把圖例項(系列)為空時>該圖例項(系列)不顯示前面的勾打上;分類和圖例類似,就不多詳細介紹。

html5數據圖表製作:FineReport圖表數據的介紹

數據形態

對圖表數據設置形態,即圖表數據進行處理,使得圖表在最終展示數據時,一方面可以避免一些不必要的數據;另一方面,對一些重點數據進行重點展示,或者修正顯示一些數據等。

形態設置分為數據字典和公式形態兩種方式如下圖

注:圖表使用單元格數據時,用的是單元格的顯示值,這是為了使得表格和圖表顯示一致,還可以設置篩選器的數據形態,針對單元格的顯示值來設置對應的實際值和顯示值;使用數據集數據源時,能正常設置實際值和顯示值;圖表在做超級鏈接傳參的時候直接傳圖表本身實際值。

html5數據圖表製作:FineReport圖表數據的介紹

數據, 公務, 圖表, 數據源,
相關問題答案