如何使用jquery创建交互式圆环图

<div id="chartContainer"></div>

#chartContainer {
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background-color: #f2f2f2;
  position: relative;
  overflow: hidden;
}

$(document).ready(function() {
  // 选择容器元素
  var chartContainer = $('#chartContainer');
  
  // 创建圆环图
  chartContainer.circleProgress({
    value: 0.75, // 设置圆环图的进度值，范围为0到1
    size: 300, // 设置圆环图的大小
    fill: { color: '#ff0000' }, // 设置圆环图的填充颜色
    startAngle: -Math.PI / 2, // 设置圆环图的起始角度
    thickness: 10, // 设置圆环图的厚度
    emptyFill: '#f2f2f2', // 设置圆环图的背景颜色
    animation: { duration: 2000 } // 设置圆环图的动画效果
  });
});