这需要使用 JavaScript 进行读取 CSV 文件的操作。通过使用Ajax来读取CSV文件，并实时将其中的数据作为饼图的数据源，从而实现数据的实时更新。以下是根据您提供的图片3所做的示例
Ajax (Asynchronous JavaScript and XML) 是一种创建异步Web应用程序的技术。Ajax允许在不重新加载整个页面的情况下从服务器端加载数据，从而提高了用户体验和网页性能。
Ajax主要使用XMLHttpRequest对象来实现数据交互，并通过JavaScript和CSS来更新页面。Ajax请求在后台与服务器进行通信，因此它不需要阻塞用户界面，用户仍然可以继续与页面交互。
Ajax应用的一个简单的例子是：在页面中输入关键字，立即在页面下方更新搜索结果，而不是整个页面的重新加载。这就是Ajax的一种常见用例，它提高了网页的加载速度，并提高了用户的体验。
实时获取推荐使用Socket。定时获取数据的话写个定时器，每10秒获取一次数据。
定时：
var t = null
t = setInterval(function(){
//获取数据的代码
},10000)
jquery$(function(){
/*调整窗口自动调整宽度*/
$(window).resize(function(){
var h = $(window).height()
var w = $(window).width()
console.info("窗口高度：" + h + "窗口宽度：" + w)
})
})
