分享SignalR+Chart.js+TypeScript整合开发CPU使用率实时图表

threenewbee 2014-05-21 05:32:38

加精

做了一个CPU实时图表的程序，主要演示了下SignalR+Chart.js+TypeScript的整合

在Windows Server 2012 R2 + Visual Studio 2013 Update 2 + Internet Explorer 11下测试通过

这是效果图。

SignalR实现了服务器主动向浏览器推送数据
Chart.js负责渲染图表，用的是HTML5的画布
还演示了TypeScript和JS的交互

SignalR和Chart.js理论上向下支持IE8，不过我没有测试。

运行方法，运行网站，然后执行RefreshCPUUtilization.exe获取和推送CPU使用率，即可看到效果。

源代码下载：http://download.csdn.net/detail/caozhy/7380783

参考资源：
http://www.asp.net/signalr/overview/signalr-20/getting-started-with-signalr-20/tutorial-getting-started-with-signalr-20
http://www.tuicool.com/articles/aeq2Iz
http://www.typescriptlang.org/Handbook#type-inference
http://stackoverflow.com/questions/13314083/signalr-typescripf-declaration-file
http://www.asp.net/signalr/overview/signalr-20/hubs-api/hubs-api-guide-javascript-client

...全文

4386 32 打赏收藏转发到动态举报

写回复

用AI写文章

32 条回复

切换为时间正序

请发表友善的回复…

发表回复

lanchg 2016-07-28

打赏
举报

不懂也顶着，以后找贴容易点

shenlongju 2016-06-13

打赏
举报

没出来东西呀一个0%

shenlongju 2016-06-13

打赏
举报

免费分享，太仗义了

狐狸大仙 2014-12-03

打赏
举报

赞一个~~~~~~~~~~~~~~~

yekeyishuo 2014-08-14

打赏
举报

TypeScript还没用过呢

yansheng1003 2014-07-20

打赏
举报

正好要用到这个通信

Ruhee 2014-07-18

打赏
举报

引用 1 楼 diaodiaop 的回复:

前排....

叉叉

puzhichen 2014-07-17

打赏
举报

收藏~~~~~~~

puzhichen 2014-07-17

打赏
举报

最近也在研究SignalR 跨域即时消息提醒，很强大，但是在跨域取得返回值上还不是很清楚。

assky124 2014-07-11

打赏
举报

收藏~~~~~~~

wwfgu00ing 2014-07-11

打赏
举报

不错 +1.。。

jcl410927 2014-05-26

打赏
举报

回复转积分哈哈

江北百晓生 2014-05-25

打赏
举报

不错 +1.。。

五更琉璃 2014-05-23

打赏
举报

有没有 VS 2012 版本的懒得装2013啊

一枚小菜 2014-05-23

打赏
举报

收藏！收藏！收藏！

wo554006164 2014-05-23

打赏
举报

不错。涨姿势了。

娃都会打酱油了 2014-05-22

打赏
举报

SignalR知道了好久。。。但还没去细看过。。。

hyblusea 2014-05-22

打赏
举报

赞一个

一直没搞明白SignalR 与 Web Socket的区别。。。
以前测试过一个Web Socket的应用，发现如果本地使用了代理，比如goAgent，会导致双工通讯失败。。。

--------------
SignalR是更高层次的封装，它在支持html5的浏览器上使用web socket，在不支持的浏览器，比如ie8上使用轮询/长连接，在C#客户端直接使用socket，在web服务器上直接收发数据，在你开发的一般应用程序中，借助owin，实现自托管，总之，你学习一种技能，编写一套代码，就可以适应底层千差万别的场景了，这是SignalR的优势。