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

.Net技术 码拜 4年前 (2016-07-12) 345次浏览
做了一个CPU实时图表的程序,主要演示了下SignalR+Chart.js+TypeScript的整合
在Windows Server 2012 R2 + Visual Studio 2013 Update 2 + Internet Explorer 11下测试通过
分享SignalR+Chart.js+TypeScript整合开发CPU使用率实时图表
这是效果图。
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
解决方案

2

前排….

2

刚刚知道SignalR,很感兴趣,学习一下。

2

不懂也顶着,以后找贴容易点分享SignalR+Chart.js+TypeScript整合开发CPU使用率实时图表

3

技术很新潮! CPU有点老。

1

该回复于2015-02-28 22:06:53被版主删除

1

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

15

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

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

2

SignalR知道了好久。但还没去细看过。分享SignalR+Chart.js+TypeScript整合开发CPU使用率实时图表

1

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

1

不多说了,补一刀

1

有没有 VS 2012 版本的 懒得装2013啊分享SignalR+Chart.js+TypeScript整合开发CPU使用率实时图表

1

不错 +1.。

1

收藏~~~~~~~

5

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

1

正好要用到这个通信

1

TypeScript还没用过呢

CodeBye 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明分享SignalR+Chart.js+TypeScript整合开发CPU使用率实时图表
喜欢 (0)
[1034331897@qq.com]
分享 (0)