可視化是一個WSN后臺系統(tǒng)的一個重要方面，可視化效果直接影響著WSN的使用和分析。但是，大家都知道，好的可視化效果需要巨大的編程工作量。這里向大家介紹一種很好的可視化編程控件——ProEssentials，它提供了2D和3D數據的非常方便的可視化編程接口，它可以使你的可視化效果也堪比專業(yè)軟件，希望下面的一些介紹能對大家有所啟發(fā)。

1 ProEssentials v5簡介：

　　ProEssentials v5是應用于windows 服務器端和客戶端開發(fā)的一系列圖表組件，它是對繪制圖表以及圖表分析功能所需要的數據和方法的簡單封裝。可以提供Winforms、Webforms、ActiveX、VCL和DLL五種界面。它的圖表類型很多，包括：一般圖表、科學圖表、3維圖表、極坐標圖表、餅狀圖表，幾乎覆蓋了所有常見的圖表類型。我們可以很方便的調用ProEssentials v5的函數庫，添加繪制圖表的功能，并可以對圖表進行分析，如：回歸，求最大值，擬合曲線等。我們還可以很方便的將圖表文件的數據文件進行保存，或者導出我們希望格式的圖片，如bmp、jpg、png。注：一般圖表與科學圖表之間的區(qū)別在于，一般圖表僅提供一維坐標數據繪圖，而另一維坐標數據是等間距的。科學圖表提供二維坐標數據，繪制任意的散點數據。

2 具體應用方法：
　　[separator]
（1）無論開發(fā)的是OCX的應用程序、DLL的應用程序還是VCL的應用程序，首先要做的就是根據開發(fā)環(huán)境的操作系統(tǒng)類型，拷貝PEGRP32C.DLL到相應的在本地硬盤系統(tǒng)盤中去。如果是win95或者win98操作系統(tǒng)，拷貝PEGRP32C.DLL到System目錄下；如果是win2000操作系統(tǒng)，拷貝PEGRP32C.DLL到System32目錄下。PEGRAPHS.HLP文件是可選的

（2）工程里面添加頭文件Pegrpapi.h。

選擇需要調用的函數，完成圖表的繪制功能。在此簡介，ProEssentials v5函數和變量的命名規(guī)則。以PEP_為前綴的變量類型如下：

PEP_b Boolean (4 bytes)

PEP_n Integer (4 bytes)

PEP_dw Double Word (4 bytes)

PEP_sz Null Terminated array of characters.

PEP_f Single (4 bytes) or Double (8 bytes) floating point.

PEP_na Array of Integer (4 bytes)

PEP_dwa Array of Double Word (4 bytes)

PEP_sza Array of Null Terminated strings.

PEP_fa Array of Single (4 bytes) or Double (8 bytes) floating point.

PEP_struct Various structures

要用DLL調用來設定獲取以上變量類型的值，可以根據以上變量類型的前綴來判斷應該：

PEP_b PEnset / PEnget

PEP_n PEnset / PEnget

PEP_dw PElset / PElget (16 bit) PEnset / PEnget (32 bit)

PEP_sz PEszset / PEszget.

PEP_f PEvset / PEvget

PEP_na PEvset, PEvsetcell, PEvsetcellEx / PEvget, PEvgetcell, PEvgetcellEx

PEP_dwa PEvset, PEvsetcell, PEvsetcellEx / PEvget, PEvgetcell, PEvgetcellEx

PEP_sza PEvset, PEvsetcell, PEvsetcellEx / PEvget, PEvgetcell, PEvgetcellEx

PEP_fa PEvset, PEvsetcell, PEvsetcellEx / PEvget, PEvgetcell, PEvgetcellEx

PEP_struct PEvset, / Pevget

（3）選擇適當的變量，將數據賦予這些變量。

一般圖表需要給PEP_faYDATA 、PEP_szaPOINTLABELS賦值。

科學圖表和極坐標圖表需要給PEP_faXDATA 、PEP_faYDATA和 PEP_faZDATA賦值。

3D的科學圖表需要給PEP_faXDATA, PEP_faYDATA, PEP_faZDATA賦值，但是3D的柱狀圖僅需要PEP_faYDATA。

餅狀圖用PEP_faXDATA 來控制“餅”的厚度，

有以下的幾個DLL函數可以為圖表賦值：

PEvset ()：一次可以全部的完成所有數據的賦值。

PEvsetEx ()：一次可以完成部分數據的賦值。.

Pevsetcell()：一次僅可以為一維數據賦值。

PevsetcellEx()：一次僅可以為一個點賦值。

因此Pevset()是最快的賦值方法。

(4)選擇選擇圖表中線（點）顏色的方法

顏色是由PEP_dwaSUBSETCOLORS控制的，線型是由PEP_naSUBSETLINETYPES控制的，點型是由PEP_naSUBSETPOINTTYPES控制的。

以下代碼是在C/C++中實現線型設定方法。

int nTmpStyles[3];

nTmpStyles[0] = PELT_THINSOLID;

nTmpStyles[1] = PELT_DASH;

nTmpStyles[2] = PELT_DOT;

PEvset(hPE, PEP_naSUBSETLINETYPES, nTmpStyles, 3);

注：以上代碼使用的Pevset()函數，也可以使用Pevsetcell()函數來實現線型的設定方法。代碼如下：

int nTmpStyle;

nTmpStyle = PELT_THINSOLID;

PEvsetcell(hPE, PEP_naSUBSETLINETYPES, 0, &nTmpStyle);

nTmpStyle = PELT_DASH;

PEvsetcell(hPE, PEP_naSUBSETLINETYPES, 1, &nTmpStyle);

nTmpStyle = PELT_DOT;

PEvsetcell(hPE, PEP_naSUBSETLINETYPES, 2, &nTmpStyle);

其他設定顏色和點類型的方法與以上方法類似，在此不再贅述。

3 實現結果：

繪制了一個科學圖表，帶游標和坐標顯示功能，以下函數分別實現基本圖表功能和游標顯示功能。

void CPEView::CreateSimpleSGraph()
{
RECT rect;

GetClientRect( &rect );

m_hPE = PEcreate(PECONTROL_SGRAPH, WS_VISIBLE, &rect, m_hWnd, 1001);

if( m_hPE )

{
float fY;
float fX;

// 設置子集數和每個子集的點數 //

PEnset(m_hPE, PEP_nSUBSETS, 4);
PEnset(m_hPE, PEP_nPOINTS, 12);
for( int s=0; s<=3; s++ )
{
for( int p=0; p<=11; p++ )
{
fX = ((float) (p+1)) * 100.0F;
PEvsetcellEx (m_hPE, PEP_faXDATA, s, p, &fX);
fY = ((float) (p+1) * 1.0F) + GetRandom(1, 250);
PEvsetcellEx (m_hPE, PEP_faYDATA, s, p, &fY);
}
}

// 設置陰影

PEnset(m_hPE, PEP_nDATASHADOWS, PEDS_SHADOWS);

PEszset(m_hPE, PEP_szMAINTITLE, "Example Data");

PEszset(m_hPE, PEP_szSUBTITLE, ""); // no subtitle

PEszset(m_hPE, PEP_szYAXISLABEL, "Units Sold");

PEszset(m_hPE, PEP_szXAXISLABEL, "Month");

PEnset(m_hPE, PEP_bFOCALRECT, FALSE);

PEnset(m_hPE, PEP_bPREPAREIMAGES, TRUE);

PEnset(m_hPE, PEP_bCACHEBMP, TRUE);

PEnset(m_hPE, PEP_nPLOTTINGMETHOD, PEGPM_POINTSPLUSSPLINE);

PEnset(m_hPE, PEP_nGRIDLINECONTROL, PEGLC_NONE);

PEnset(m_hPE, PEP_nALLOWZOOMING, PEAZ_HORZANDVERT);

PEnset(m_hPE, PEP_nZOOMSTYLE, PEZS_RO2_NOT);

// 子集的標識

PEvsetcell( m_hPE, PEP_szaSUBSETLABELS, 0, "Texas" );
PEvsetcell( m_hPE, PEP_szaSUBSETLABELS, 1, "Florida" );
PEvsetcell( m_hPE, PEP_szaSUBSETLABELS, 2, "Washington" );
PEvsetcell( m_hPE, PEP_szaSUBSETLABELS, 3, "California" );

// 子集點的顏色s
DWORD dwArray[4] = { RGB(198,0,0), RGB( 0, 198, 198 ), RGB( 198,198,0 ), RGB( 0,198,0 ) };
PEvsetEx( m_hPE, PEP_dwaSUBSETCOLORS, 0, 4, dwArray, 0 );

// 子集點的線型
int nLineTypes[] = { PELT_MEDIUMSOLID, PELT_MEDIUMSOLID, PELT_MEDIUMSOLID, PELT_MEDIUMSOLID };
PEvset(m_hPE, PEP_naSUBSETLINETYPES, nLineTypes, 4);

// 子集點的類型
int nPointTypes[] = { PEPT_DOTSOLID, PEPT_UPTRIANGLESOLID, PEPT_SQUARESOLID, PEPT_DOWNTRIANGLESOLID };
PEvset(m_hPE, PEP_naSUBSETPOINTTYPES, nPointTypes, 4);

// Version 4.0 功能 //
PEnset(m_hPE, PEP_bFIXEDFONTS, TRUE);
PEnset(m_hPE, PEP_bSIMPLEPOINTLEGEND, TRUE);
PEnset(m_hPE, PEP_bSIMPLELINELEGEND, TRUE);
PEnset(m_hPE, PEP_nLEGENDSTYLE, PELS_1_LINE);
PEnset(m_hPE, PEP_nMULTIAXISSTYLE, PEMAS_SEPARATE_AXES);

// 設置其他屬性 //

PEnset(m_hPE, PEP_bBITMAPGRADIENTMODE, TRUE);
PEnset(m_hPE, PEP_nQUICKSTYLE, PEQS_MEDIUM_NO_BORDER);
PEnset(m_hPE, PEP_nGRADIENTBARS, 8);
PEnset(m_hPE, PEP_nTEXTSHADOWS, PETS_BOLD_TEXT);
PEnset(m_hPE, PEP_bMAINTITLEBOLD, TRUE);
PEnset(m_hPE, PEP_bSUBTITLEBOLD, TRUE);
PEnset(m_hPE, PEP_bLABELBOLD, TRUE);
PEnset(m_hPE, PEP_bLINESHADOWS, TRUE);
PEnset(m_hPE, PEP_nFONTSIZE, PEFS_LARGE);
PEnset(m_hPE, PEP_bSCROLLINGHORZZOOM, TRUE);
}
}

void CPEView::CreateDataCursor()
{
CreateSimpleSGraph();

// 創(chuàng)建游標 //
PEnset(m_hPE, PEP_nCURSORMODE, PECM_DATACROSS);

// 可以方便的查看數據點//
PEnset(m_hPE, PEP_bMARKDATAPOINTS, TRUE);

// 可以點擊數據點來移動游標 //
PEnset(m_hPE, PEP_bMOUSECURSORCONTROL, TRUE);
PEnset(m_hPE, PEP_bALLOWDATAHOTSPOTS, TRUE);

// Cursor prompting in top left corner //
PEnset(m_hPE, PEP_bCURSORPROMPTTRACKING, TRUE);
PEnset(m_hPE, PEP_nCURSORPROMPTSTYLE, PECPS_XYVALUES);
PEnset(m_hPE, PEP_nCURSORPROMPTLOCATION, PECPL_TOP_RIGHT);

// 取消放大功能
PEnset(m_hPE, PEP_nALLOWZOOMING, PEAZ_NONE);

// 其他可能的游標模式如下：
// PECM_NOCURSOR = 0
// PECM_POINT = 1
// PECM_DATACROSS = 2
// PECM_DATASQUARE = 3
// PECM_FLOATINGY = 4
// PECM_FLOATINGXY = 5
// 注意：必須重新初始化
else if ((m_nLastSelection == 105) && (HIWORD(wp) == PEWN_CURSORMOVE))
{ int nSubset, nPoint;
float xvalue, yvalue;
char buffer[64];
nSubset = PEnget(m_hPE, PEP_nCURSORSUBSET);
nPoint = PEnget(m_hPE, PEP_nCURSORPOINT);
PEvgetcellEx(m_hPE, PEP_faXDATA, nSubset, nPoint, &xvalue);
PEvgetcellEx(m_hPE, PEP_faYDATA, nSubset, nPoint, &yvalue);
sprintf(buffer, "Cursor at %d,%d=(%.2f, %.2f)", nSubset, nPoint, xvalue, yvalue);
CWnd* pParent = GetParent()->GetParent();
if (pParent) {pParent->SetWindowText(buffer);}
pParent = AfxGetMainWnd();
if (pParent) {pParent->SetWindowText("PEWN_CURSORMOVE");}
return TRUE;

}

}