無法讀取未定義的屬性「圖表」

-1

我想呈現一個餡餅聊天，數據來自csv文件（excel）。我的html文件（index.html的）和js文件（loadData2.js），當我打印在js文件中的數據，我得到它喜歡：字，號唐納德，8 王牌，12 拒絕，2 到，7 發行，3 他，6無法讀取未定義的屬性「圖表」

所以我看到的數據好。一個字段是一個字，另一個字段是一個數字。

我得到一個錯誤：「遺漏的類型錯誤：$（...）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>

我的js代碼：

function getData2() 
{ 
    console.log("hello"); 
$.get('data/words.csv', function(data) { 
    console.log(data); 
    //Better to construct options first and then pass it as a parameter 
    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] 
    } 
    ] 
    }; 
    $("#chartContainer").CanvasJS.Chart(options); 
}); 

}

我需要做些什麼才能在屏幕上看到我的圖表？謝謝，

來源

2016-12-01 adi

是什麼'CanvasJSChart'？它從何而來？ –

您是否嘗試閱讀腳本的手冊？像這樣http://canvasjs.com/docs/charts/basics-of-creating-html5-chart/ –

你正在包括CanvasJs，並試圖使用它的jQuery插件。

用正確的文件替換<script src="canvas/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

來源

2016-12-01 09:30:46 xShirase

我試過這個我沒有在我的控制檯中的錯誤，但它不顯示任何東西在屏幕上 – adi

無法讀取未定義的屬性「圖表」

回答

相關問題