SL 折線報表

2022-02-12 13:23:41 字數 2614 閱讀 5453

學sl也有段時間了,中間停停走走的,耽誤了不少時間,前段時間一哥們說看看年底情況如何,到他們公司去試試水,所以又揀起來弄弄,切入點就先從報表開始吧,這樣做感覺比較切實際一些。

第一篇先來乙個簡單的靜態報表樣式吧,效果圖如下:

個人覺得還不錯了,呵呵。。。

其實這個很簡單的功能了,沒有處理y軸方向和實際資料的比值,所以測試資料的真實值都在0~600之間。

這裡是前台的**:

"

900" width="

800" margin="

20 0 0 0

">

"600

" background="

black

" width="

600" name="

canvas_chart

" canvas.top="

0" canvas.left="

60">"43

" height="

600" canvas.left="

0" canvas.top="

0">"50

">"50

">"50

">"50

">"50

">"50

">"50

">"50

">"50

">"50

">"50

">"50

">"*

">"0

" grid.row="

11" verticalalignment="

bottom

">"50

" grid.column="

0" grid.row="

11" verticalalignment="

top">

"100

" grid.column="

0" grid.row="

10" verticalalignment="

top">

"150

" grid.column="

0" grid.row="

9" verticalalignment="

top">

"200

" grid.column="

0" grid.row="

8" verticalalignment="

top">

"250

" grid.column="

0" grid.row="

7" verticalalignment="

top">

"300

" grid.column="

0" grid.row="

6" verticalalignment="

top">

"350

" grid.column="

0" grid.row="

5" verticalalignment="

top">

"400

" grid.column="

0" grid.row="

4" verticalalignment="

top">

"450

" grid.column="

0" grid.row="

3" verticalalignment="

top">

"500

" grid.column="

0" grid.row="

2" verticalalignment="

top">

"550

" grid.column="

0" grid.row="

1" verticalalignment="

top">

"600

" grid.column="

0" grid.row="

0" verticalalignment="

top">

後台建立資料級線段的內容:

//

建立一系列的座標值,即每個月的具體產值,x軸這裡取的間隔是50pixel

private pointcollection pc = new pointcollection();

//主函式

public mainpage()

private void loadline()

//新增對應的資料節點

private void loadellipse()

月分的資料()", i, canvas_chart.height- p.y));

canvas_chart.children.add(ep);

i++;}}

//新增對應的資料節點

private void loadellipse()

月分的資料()", i, canvas_chart.height- p.y));

canvas_chart.children.add(ep);

i++;

}}

先乙個靜態的吧,下一步做動畫效果。。

SL滑鼠拖動

實現滑鼠down up 和move 事件可以在布局面板中使用滑鼠拖動或移動巢狀在border控制項中的影象或物件。xaml canvas x name layoutroot background white border x name border1 canvas.top 100 canvas.le...

sl今日筆記

關於sl上傳檔案 開始以為sl3不支援 tcp 後來公升級到sl5 跨域 需要 sl跨域策略檔案clientaccesspolicy.xml 也可以是flash跨域策略檔案crossdomain.xml sl5瀏覽器內允許提公升信任即可不要策略檔案 sl4及之後可以oob basic上傳成功 比較順...

SL 安全設定

enablehtmlaccess 用在頁面,禁止基於silverlight的跨域應用程式訪問頁面上的dom模型 在silverlight 中,可以用 htmlpage.isenabled檢測 externalcallersfromcrossdomain 用在silverlight 配置檔案中.禁止跨...