ActiveReports 報表應用教程 (14)---資料可視化1、建立報表檔案2、打開報表資料總管，并按照以下資訊建立報表資料源3、 添加資料集4、設計報表界面5、運作程式線上示範及源碼下載下傳位址：

葡萄城ActiveReports報表中提供了豐富的資料可視化解決方案，使用者可以将資料以圖像化的方式進行顯示，讓報表資料更加形象且便于了解。在葡萄城ActiveReports報表中提供了大多數常用的二維和三維圖表類型，包括XY表和财務圖表。通過使用圖表控件的定制功能，如修改坐标軸、圖注、圖例等，使用者可以建立任何其所需要的圖表效果。除了常見的圖表類型外， 還提供了波形圖、資料條、圖示等豐富的資料可視化控件。本示主要展示在表格控件中嵌套使用波形圖控件來顯示每月銷售明細趨勢，以及使用資料條控件和圖形控件來顯示全年銷售業績的完成情況。

在應用程式中建立一個名為 rptSalesDashboard.rdlx 的葡萄城ActiveReports報表檔案，使用的項目模闆為葡萄城ActiveReports報表的頁面報表，建立完成之後從 VS 的報表菜單項中選擇轉換為連續頁面布局(CPL)報表，将固定頁面報表轉換為連續頁面報表。

名稱：

NWind_CHS

類型：

Micorsoft OleDb Provider

OLE DB 提供程式：

Microsoft.Jet.OLEDB.4.0

伺服器或檔案名稱：

Data\NWind_CHS.mdb

在建立的 NWind_CHS 資料源上滑鼠右鍵并選擇添加資料集菜單項，添加以下兩個資料集：

正常-名稱：SalesByCategory

查詢-查詢：

類别.類别名稱,t.*

(

DATEPART("m",訂單.訂購日期)

訂購月,類别.類别ID,

(訂單明細.數量)

銷售量

(( 訂單

訂單明細

訂單.訂單ID = 訂單明細.訂單ID)

産品

訂單明細.産品ID = 産品.産品ID)

類别

産品.類别ID = 類别.類别ID

DATEDIFF("yyyy",訂單.訂購日期,'2011-01-01') = 0

DATEPART("m",訂單.訂購日期),類别.類别ID, 類别.類别名稱

DATEPART("m",訂單.訂購日期),類别.類别ID, 類别.類别名稱 )

t

t.類别ID = 類别.類别ID

正常-名稱：SalesBySupplier

供應商.公司名稱,

(産品.産品名稱)

産品名稱,

銷售量,

(訂單明細.單價 * 訂單明細.數量)

銷售金額

(産品

供應商

産品.供應商ID = 供應商.供應商ID)

訂單明細.産品ID = 産品.産品ID

供應商.公司名稱, 産品.産品ID,産品.産品名稱

供應商.公司名稱;

4.1、從 Visual Studio 工具箱中将 Table 控件添加到報表設計界面，按照以下清單設定 Table 控件的屬性：

正常-資料集名稱：

SalesByCategory

詳細資料分組：

名稱：Table1_Detail_Group

分組表達式：=[類别ID]

各個單元格中使用的控件和設定的屬性如下：

單元格

控件

屬性

Cells[3,1]

TextBox

Value:=Fields!類别名稱.Value

Cells[3,2]

Cells[3,3]

Sparkline

SeriesValue：=Fields!銷售量.Value

Range.Backdrop.GradientStyle：VerticalCenter

Range.Backdrop.FillColor：Gray

Range.Backdrop.GradientEndColor：=Theme.Colors!Accent3

Range.LowerBound：=Fields!銷售量.Value < Avg(Fields!銷售量.Value, "SalesByCategory") * 0.8

Range.UpperBound：=Fields!銷售量.Value > Avg(Fields!銷售量.Value, "SalesByCategory") * 1.5

SparklineType：Columns

Cells[3,4]

Bullet

BestValue：2.5

Range1Boundary：0.85

Range2Boundary：1.65

TargetStyle.LineColor：Brown

TargetStyle.LineWidth：5pt

TargetValue：1

TickMarks：Inside

TicksStyle.LineColor：Gray

TicksStyle.LineWidth：1pt

Value：=Fields!銷售量.Value /Avg(Fields!銷售量.Value, "SalesByCategory")

ValueColor：=Theme.Colors!HyperlinkFollowed

WorstValue：0

Cells[4,4]

Image

MIMEType：image/png

Source：Database

Value：=IconSet("Arrows",Fields!銷售量.Value /Avg(Fields!銷售量.Value, "SalesByCategory") >= 1.5,Fields!銷售量.Value /Avg(Fields!銷售量.Value, "SalesByCategory") >= 1.2,Fields!銷售量.Value /Avg(Fields!銷售量.Value, "SalesByCategory") >= 1.0,Fields!銷售量.Value /Avg(Fields!銷售量.Value, "SalesByCategory") >= 0.8,Fields!銷售量.Value /Avg(Fields!銷售量.Value, "SalesByCategory") < 0.8)

4.2、從 Visual Studio 工具箱中将 Table 控件添加到報表設計界面，按照以下清單設定 Table 控件的屬性：

SalesBySupplier

排序：

表達式：=[銷售量]

方向：降序

過濾：

運算符：TopN

值：10

Value:=Fields!産品名稱.Value

Value:=Fields!公司名稱.Value

=Fields!銷售量.Value

BestValue：1.6

LabelFormat：0%

Range1Boundary：0.4

Range2Boundary：0.8

TargetShape：Dot

TargetStyle.LineWidth：3pt

TargetValue：0.6

TicksStyle.LineColor：LightGray

Value=Fields!銷售量.Value /Avg(Fields!銷售量.Value, "SalesBySupplier")

Value：=IconSet("Flags",Fields!銷售量.Value /Avg(Fields!銷售量.Value, "SalesBySupplier") > 1.2,Fields!銷售量.Value /Avg(Fields!銷售量.Value, "SalesBySupplier") > 1.0,Fields!銷售量.Value /Avg(Fields!銷售量.Value, "SalesBySupplier") <=1.0,False,False)

最終設計效果如下：

<a href="http://www.gcpowertools.com.cn/products/activereports_demo.htm?from=ARBlog" target="_blank">http://www.gcpowertools.com.cn/products/activereports_demo.htm</a>

相關閱讀：

<a href="http://www.grapecity.com.cn/enterprise-solutions/activereports_server/library/" target="_blank">【報表福利大放送】100餘套報表模闆免費下載下傳 </a>