Javascript 无法读取属性'；图表'；未定义的_Javascript_Jquery_Html_Csv

Javascript 无法读取属性'；图表'；未定义的

javascript jquery html csv

Javascript 无法读取属性'；图表'；未定义的,javascript,jquery,html,csv,Javascript,Jquery,Html,Csv,我想展示一个饼图聊天，数据来自csv文件（excel）。我有html文件（index.html）和js文件（loadData2.js），当我在js文件中打印数据时，我得到的是：word，number 唐纳德，8岁特朗普，12岁拒绝，2 到，7 释放，3 他的，6 所以我看到了数据。一个字段是单词，另一个是数字我得到一个错误：“未捕获的TypeError:$（…）。CanvasJSChart不是一个函数（…）” 我的html代码： <!DOCTYPE html> <h

我想展示一个饼图聊天，数据来自csv文件（excel）。我有html文件（index.html）和js文件（loadData2.js），当我在js文件中打印数据时，我得到的是：word，number 唐纳德，8岁特朗普，12岁拒绝，2 到，7 释放，3 他的，6

所以我看到了数据。一个字段是单词，另一个是数字

我得到一个错误：“未捕获的TypeError:$（…）。CanvasJSChart不是一个函数（…）”

我的html代码：

<!DOCTYPE html>
<html>
<head>
    <title>hw 1</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <script src="includes/loadData2.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="canvas/canvasjs.min.js"></script>
</head>
    <body>
    <div id="chartContainer" style="height: 300px; width: 100%;">
        <script>
        (function(){
            getData2();
        })();
        </script>
        </div>
    </body>
</html>

我需要做什么才能在屏幕上看到我的图表？

谢谢，

您正在加入CanvasJs，并尝试使用其jQuery插件

用正确的文件替换

，它就会工作

<script src="https://cdnjs.cloudflare.com/ajax/libs/canvasjs/1.7.0/jquery.canvasjs.min.js"></script>

什么是画布图表？它是从哪里来的？你试过阅读你的脚本手册吗？像这样，我尝试了这个，我的控制台没有错误，但屏幕上没有显示任何内容

<script src="https://cdnjs.cloudflare.com/ajax/libs/canvasjs/1.7.0/jquery.canvasjs.min.js"></script>

var options = {
    exportEnabled: true,
                animationEnabled: true,
    title: {
      text: "Exporting Chart as Image"
    },
    data: [
    {
      type: "splineArea", //change it to line, area, bar, pie, etc
      dataPoints: [data]
    }
    ]
  };

  var chart = new CanvasJS.Chart("chartContainer",options);
  chart.render