Javascript-форум - Chartist.js Не могу создать объект

Javascript-форум (https://javascript.ru/forum/)

- Библиотеки/Тулкиты/Фреймворки (https://javascript.ru/forum/library-toolkit-framework/)

- - Chartist.js Не могу создать объект (https://javascript.ru/forum/library-toolkit-framework/53243-chartist-js-ne-mogu-sozdat-obekt.html)

gJam,

<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <style type="text/css">
  div {
    width: 33%;
    height: 80%;
  }
  </style>
 <link rel="stylesheet" type="text/css" href="http://gionkunz.github.io/chartist-js/styles/main.css">
 <script src="http://gionkunz.github.io/chartist-js/scripts/all.js"></script>
 <script type="text/javascript">
 function foo() {
	var posting = $.post( "http://echo.jsontest.com/id/a,b,c,d,e,f,g,h,j@91,91,96,95,71,100,93,81,93", { name: 1 } );
	posting.done(function( data ) { data = data.id //для теста
	   var	z = new Object();
		        data = data.split("@");
				z.labels =  data[0].split(",");
				z.series = [data[1].split(",")];
		     new Chartist.Line('.ct-chart', z)
	});
}
 </script>

</head>
<body>
  <input type="button" value="ok" onclick="foo();"/>
  <div class="ct-chart"></div>
</body>
</html>

Цитата:

Сообщение от рони (Сообщение 353650)

gJam,
в каком месте у вас ошибки ? что консоль то пишет

Код:

TypeError: null is not an object (evaluating 'a.querySelectorAll')

Судя по всему ошибка внутри .done

<script src="http://gionkunz.github.io/chartist-js/scripts/all.js"></script>

Вы используйте ее, но с jquery она не совместима + на сайте http://gionkunz.github.io/chartist-j...g-started.html используется версия .min.js их библиотеки, которую я использую так же (вместо вами предложенной), но было бы странно, если бы баг был в библиотеке

gJam,
продолжайте играть в испорченный телефон :-/

<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <style type="text/css">
  div {
    width: 33%;
    height: 80%;
  }
  </style>
 <link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/chartist.js/latest/chartist.min.css">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
 <script src="http://cdn.jsdelivr.net/chartist.js/latest/chartist.min.js"></script>
 <script type="text/javascript">
 function foo() {
	var posting = $.post( "http://echo.jsontest.com/id/a,b,c,d,e,f,g,h,j@91,91,96,95,71,100,93,81,93", { name: 1 } );
	posting.done(function( data ) { data = data.id //для теста
	   var	z = new Object();
		        data = data.split("@");
				z.labels =  data[0].split(",");
				z.series = [data[1].split(",")];
		     new Chartist.Line('.ct-chart', z)
	});
}
 </script>

</head>
<body>
  <input type="button" value="ok" onclick="foo();"/>
  <div class="ct-chart"></div>
</body>
</html>

Цитата:

Сообщение от рони (Сообщение 353650)

gJam,
в каком месте у вас ошибки ? что консоль то пишет

Цитата:

Сообщение от рони (Сообщение 353657)

gJam,
продолжайте играть в испорченный телефон :-/

<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <style type="text/css">
  div {
    width: 33%;
    height: 80%;
  }
  </style>
 <link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/chartist.js/latest/chartist.min.css">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
 <script src="http://cdn.jsdelivr.net/chartist.js/latest/chartist.min.js"></script>
 <script type="text/javascript">
 function foo() {
	var posting = $.post( "http://echo.jsontest.com/id/a,b,c,d,e,f,g,h,j@91,91,96,95,71,100,93,81,93", { name: 1 } );
	posting.done(function( data ) { data = data.id //для теста
	   var	z = new Object();
		        data = data.split("@");
				z.labels =  data[0].split(",");
				z.series = [data[1].split(",")];
		     new Chartist.Line('.ct-chart', z)
	});
}
 </script>

</head>
<body>
  <input type="button" value="ok" onclick="foo();"/>
  <div class="ct-chart"></div>
</body>
</html>

К сожалению, не могу с этим ничего поделать = (
пойду искать похожую библиотеку :cray:
спасибо большое за помощь!!!:thanks:

Цитата:

Сообщение от gJam

К сожалению, не могу с этим ничего поделать

нет кода нет совета -- вместо моих фантазий должен быть ваш реальный макет или ссылка