報表工具教程:資料帶中的圖表報告

roffey發表於2021-07-06

Stimulsoft Reports.Net是一個基於.NET框架的報表生成器,能夠幫助你建立結構、功能豐富的報表。 StimulReport.Net  的報表設計器不僅介面友好,而且使用便捷,能夠讓你輕鬆建立所有報表;該報表設計器在報表設計過程中以及報表執行的過程中都可以使用。在執行時使用StimulReport.Net 的報表設計器不需要支付任何的專利費用。

所建立的報表既可以在Windows窗體應用程式中使用,也可以在Asp.Net應用程式中使用。可匯出多種資料格式,比如:PDF,XML,HTML,Word,Excel,RTF格式,文字檔案,CSV,BMP和JPEG格式,GIF,PNG,TIFF格式等。

假設在報表的頁面上放置了一個Chart元件,那麼對於一個報表來說,這個元件會被渲染成一個頁面項。如果Chart元件放置在DataBand 中,那麼在呈現報表時,該元件將作為DataBand 的一部分呈現。由於圖表放置在部件DataBand ,呈現為所述的一部分DataBand ,以及將被列印的次數作為DataBand將輸出。下面將描述在DataBand中設計帶有圖表的報告的示例。在本例中,圖表將以圖形方式顯示資料來源中的詳細資料資料帶。按照下面來呈現與報表的步驟圖中 DataBand :
1.  執行設計器;
2.  連線資料:
2.1. 建立新連線;
2.2. 建立新資料來源;
3. 建立資料來源之間的關係。在這種情況下,父資料來源是類別資料來源,子資料來源是產品資料來源;
4. 將DataBand放在報告模板頁面上:

Stimulsoft Reports使用者手冊:資料帶中的圖表報告

5. 編輯資料帶:
5.1. 按高度對齊DataBand ;
5.2. 更改波段屬性的值。例如,如果您希望中斷資料帶,請將Can Break屬性設定為true ;
5.3. 改變DataBand背景;
5.4. 如果需要,為DataBand啟用邊框;
5.5. 更改邊框顏色。
6.使用Data Source屬性定義DataBand的資料來源:

Stimulsoft Reports使用者手冊:資料帶中的圖表報告

7. 將Chart元件放入DataBand 中,如下圖所示:

Stimulsoft Reports使用者手冊:資料帶中的圖表報告

8. 編輯圖表元件:
8.1. 按寬度對齊;
8.2. 更改圖表元件的屬性。例如,將GrowToHeight屬性設定為true ,如果需要 Chart 元件按高度增長;
8.3. 如果需要,為Chart元件設定Borders ;
8.4. 更改邊框顏色。
8.5. 編輯圖表區域。例如,如果需要更改圖表區域的顏色,請更改Area.Brush.Color屬性。

Stimulsoft Reports使用者手冊:資料帶中的圖表報告

9. 使用圖表型別屬性更改圖表型別。例如,將其設定為Clustered Column :

10.使用Data Source屬性定義Chart元件的資料來源

Stimulsoft Reports使用者手冊:資料帶中的圖表報告

11. 定義資料來源之間的關係,使用Chart元件的DataRelation屬性:

Stimulsoft Reports使用者手冊:資料帶中的圖表報告

12. 新增系列。例如,透過雙擊Chart來呼叫Series Editor :

13.設定圖表系列:
13.1. 獲取Value和Argument of series 的資料。可以透過三種方式獲取系列的資料:從字典中設定列資料,或指定表示式,或透過“,”分隔符手動將系列的值指定為列表。例如,從字典建立一系列並指定列:定義Products.ProductName為引數和Products.UnitPrice為值;
13.2. 更改系列屬性的值。例如,將Show Zeros屬性設定為false ,如果需要隱藏零值;
13.3. 啟用或禁用系列標籤;
13.4. 編輯行標題:對齊、更改樣式、字型、值型別等;
13.5. 透過設定以下屬性的值來更改系列的設計:Border Color 、Brush 、Show Shadow 。
下圖顯示了帶有圖表的報告模板示例:

Stimulsoft Reports使用者手冊:資料帶中的圖表報告

14. 編輯圖例:
14.1. 啟用或禁用Legends的可見性。您可以透過將Legend.Visible屬性的值分別設定為true或false來實現;
14.2. 水平和垂直對齊圖例;
14.3. 更改圖例設計等。  
下圖顯示了報告模板的示例,其中圖表顯示了圖例:

Stimulsoft Reports使用者手冊:資料帶中的圖表報告

15.改變圖表的樣式,徹底改變圖表的外觀:
15.1. 更改樣式屬性。其中屬性的值是圖表樣式;
15.2. 將AllowApplyStyle設定為true 。如果AllowApplyStyle屬性設定為false ,則報告生成器在呈現時將考慮系列外觀的值。
下圖顯示了更改樣式的圖表的報告模板示例:

Stimulsoft Reports使用者手冊:資料帶中的圖表報告

16. 將帶有表示式的文字元件放入DataBand 中。其中表示式是對資料欄位的引用。例如,放置一個帶有表示式的文字元件:{Categories.CategoryName} ;
17.編輯Text  和TextBox元件:
17.1. 將文字元件拖放到DataBand 中;
17.2. 更改文字字型引數:大小、型別、顏色;
17.3. 將文字元件按寬高對齊;
17.4. 更改文字元件的背景;
17.5. 對齊文字元件中的文字;
17.6. 更改文字元件的屬性值。例如,如果需要換行文字,請將Word Wrap屬性設定為true ;
17.7. 如果需要,為文字元件啟用邊框。
17.8. 更改邊框顏色。

Stimulsoft Reports使用者手冊:資料帶中的圖表報告

18. 單擊預覽按鈕或呼叫檢視器,單擊預覽選單項。下圖顯示了帶有DataBand圖表的報告示例:

Stimulsoft Reports使用者手冊:資料帶中的圖表報告

Stimulsoft Reports使用者手冊:資料帶中的圖表報告

新增樣式

1.  回到報告模板;
2.  呼叫樣式設計器;
下圖顯示了樣式設計器:

Stimulsoft Reports使用者手冊:資料帶中的圖表報告

單擊新增樣式按鈕開始建立樣式。從下拉選單中選擇圖表。使用Basic Color Style 、Brush Type和Style Colors屬性組設定樣式。

Stimulsoft Reports使用者手冊:資料帶中的圖表報告

單擊關閉。在圖表元件的Style屬性值列表中,將顯示自定義樣式。在我們的例子中,值為Chart 的 Style 。選擇這個值;

3. 單擊預覽按鈕或呼叫檢視器,單擊預覽選單項。下圖顯示了應用了樣式的圖表的報告示例:

Stimulsoft Reports使用者手冊:資料帶中的圖表報告

Stimulsoft Reports使用者手冊:資料帶中的圖表報告


如果您對Stimulsoft感興趣,歡迎加入StimulsoftQQ交流群:622395402

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69995027/viewspace-2779890/,如需轉載,請註明出處,否則將追究法律責任。

相關文章