js绘制圆点在div合适的位置,怎么补全剩下的代码

img

img

视觉可视化用canvas做其实更好点,其他方法的话,也可以试试
先得到数字对应的次方 let index=i*3;
然后算出占列的百分比 也就是 let distance=precentNum(i,140);
function percentNum(num,num2){
  return(Math.round(num/num2
10000)/100.00+"%");//返回百分比
  }
最后创建5个红色原点,对其绝对定位,父元素也要定位哦,然后把刚刚得到的百分比加上去,但是这时候还是不准确的,因为定位是按左上角为原点,所以我们最后对红色原点加个transfrom:translateY(-50%)。这样应该就没问题。
有错的地方欢迎指出