Невозможно прочитать свойство 'Chart' of undefined

-1

Я хочу представить чат пирога, данные взяты из файла csv (excel). У меня есть HTML-файл (index.html) и JS файлы (loadData2.js), при печати данных в JS файла я получаю это нравится: слово, номер Дональды, 8 козырных, 12 отказался, 2 в , 7 освобождение, 3 его, 6Невозможно прочитать свойство 'Chart' of undefined

, поэтому я вижу данные в порядке. Одно поле - это слово, а другое - это число.

Я получаю сообщение об ошибке: "неперехваченным 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>

мой 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

Невозможно прочитать свойство 'Chart' of undefined

ответ

Смежные вопросы