Показать сообщение отдельно
  #1 (permalink)  
Старый 30.07.2016, 00:17
Новичок на форуме
Отправить личное сообщение для SergeyAndSmart Посмотреть профиль Найти все сообщения от SergeyAndSmart
 
Регистрация: 30.07.2016
Сообщений: 8

Конфликт обработки JSON и библиотеки Canvasjs
Здравствуйте. Для построения графика использую библиотеку Canvasjs. Но сначала я получаю JSON AJAX запросом и потом его парсю.
$.ajax({  
            url: "read_mysql.php",  
            cache: false,  
            success: function(html){  
				$("#content").html(html);
            }  
        });   
		
	var json = document.getElementById("content").innerHTML;
	var data_json = JSON.parse(json);
	alert("test");

Далее идет код построения графика (код взят с библиотеки)
window.onload = function () {	  
    var chart = new CanvasJS.Chart("chartContainer",
	{
		zoomEnabled: true,
		title:{
			text: "График температуры в комнате"
    },
		axisY:{
		includeZero: false
	},
		data: data,  
    });
    chart.render();
   }
   
    var limit = 1000;

    var y = 0;
    var data = []; var dataSeries = { type: "line" };
    var dataPoints = [];
    for (var i = 0; i < limit; i += 1) {
        y += (Math.random() * 10 - 5);
         dataPoints.push({
          x: i - limit / 2,
          y: y
           });
        }
     dataSeries.dataPoints = dataPoints;
     data.push(dataSeries);

Код построения графика в таком случае не работает, как и не выполняется alert(). Однако, если удалить из кода эти две строчки
var json = document.getElementById("content").innerHTML;
var data_json = JSON.parse(json);
то график строится. В чем причина? Неужели и правда конфликт с библиотекой? Ведь точно такой же парсинг ниже работает.
Ответить с цитированием