Пытаюсь вывести график из массива чисел, используя библиотеку Google Charts.
Если вводить массив внутри HTML файла, то все работает:
|
Код:
|
var data = google.visualization.arrayToDataTable([
['Значение X','Значение Y1','Значение Y2'],
['Значение X1', 53689, 47895],
['Значение X2', 35687, 42558] |
Но если вынести массив во внешний файл data.txt, то график не рисуется. В чем может быть проблема?
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
$.ajax({
url: 'data.txt',
type: 'json',
success: function (json) {
var data = google.visualization.arrayToDataTable(json);
}
});
}
var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));
chart.draw(data);
}
</script>
</head>
<body>
<div id="curve_chart"></div>
</body>