killerdoubie的博客

这个图中的线段和圆形都是svg中的line和circle，根据后台中返回的数据实时生成的，所有使用了template遍历数据。回到那个页面中的js部分：其中这里是使用websocket实时发心跳，updateWorkStatus里就是反馈的实时数据。是视野的值（个人这么理解，可以通过改变其中的值越大 整个svg中的内容越小反之亦然）难点就是在于那个坡度的地方，需要沿着坡度去走，那么图片的y轴距离如何得出就是一个问题。其中引入的图片 路径需要上述的。想要文字在圆形中居中可以设置。