错误“index.html：58未捕获TypeError：$（...）。circleGraphic不是函数”

Question

我正在从头开始创建一个页面，但是我在制作圆形图形时遇到了一些问题。

这是我的HTML代码：

 <div class="row fourth-section">
   <div class="trd-ev">
     <h2>Title</h2>
     <div class="row section-one">
       <div class="col-md-4">
         <div class="circleGraphic1">
           <canvas id="c0.3753633318105867" width="246" height="246"></canvas>
         </div>
         <script type="text/javascript">
           window.onload = function () {$('.circleGraphic1').circleGraphic(); }
         </script>
       </div>
     </div>
  <div class="arrow bounce">
  </div>
</div>

这是我的css代码：

.circleGraphic1 {
  color: transparent;
  height: 246px;
}
canvas {
  border: 1px solid green;
}

这是Console错误：Uncaught TypeError：$（...）。circleGraphic不是functionwindow.onload` @ index.html：58。

你能帮我一些建议吗？

非常感谢，

S上。