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

threenewbee threenewbee 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
做了一个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
...全文
评论 32
收藏 已收藏
分享
返回顶部
threenewbee
C# 111,129 成员 642,539 内容