分享SignalR+Chart.js+TypeScript整合开发CPU使用率实时图表
做了一个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
在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
...全文
相关推荐
SignalR+Chart.js+TypeScript整合开发CPU使用率实时图表
SignalR+Chart.js+TypeScript整合开发CPU使用率实时图表
visualstudioC#源码Web应用
visualstudioC#源码Web应用
产业园区如何提升科技企业技术需求匹配精准度?.docx
科易网基于AI模型+行业大数据,在技术转移、成果转化、技术经纪、知识产权、产业创新、科技招商等垂直领域的多样化应用场景,推出科技创新领域的AI+工具与数智化解决方案,推动科技创新与产业创新智能化发展。
Redis集群部署+Redis 链接地址放入Aollo +c#项目接入Redis
Redis集群部署+Redis 链接地址放入Aollo +c#项目接入Redis
cover_1793582495122.png
cover_1793582495122.png


