27.01.2015, 00:03
|
 |
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,109
|
|
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>
|
|
27.01.2015, 00:25
|
|
Аспирант
|
|
Регистрация: 21.07.2011
Сообщений: 92
|
|
Сообщение от рони
|
gJam,
в каком месте у вас ошибки ? что консоль то пишет
|
|
Код:
|
TypeError: null is not an object (evaluating 'a.querySelectorAll') |
Судя по всему ошибка внутри .done |
|
27.01.2015, 00:36
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,109
|
|
gJam,
|
|
27.01.2015, 00:43
|
|
Аспирант
|
|
Регистрация: 21.07.2011
Сообщений: 92
|
|
<script src="http://gionkunz.github.io/chartist-js/scripts/all.js"></script>
Вы используйте ее, но с jquery она не совместима + на сайте http://gionkunz.github.io/chartist-j...g-started.html используется версия .min.js их библиотеки, которую я использую так же (вместо вами предложенной), но было бы странно, если бы баг был в библиотеке |
|
27.01.2015, 00:49
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,109
|
|
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>
|
|
27.01.2015, 01:12
|
|
Аспирант
|
|
Регистрация: 21.07.2011
Сообщений: 92
|
|
|
Сообщение от рони
|
gJam,
в каком месте у вас ошибки ? что консоль то пишет
|
|
Сообщение от рони
|
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>
|
К сожалению, не могу с этим ничего поделать = (
пойду искать похожую библиотеку 
спасибо большое за помощь!!! 
|
|
27.01.2015, 01:39
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,109
|
|
|
Сообщение от gJam
|
|
К сожалению, не могу с этим ничего поделать
|
нет кода нет совета -- вместо моих фантазий должен быть ваш реальный макет или ссылка |
|
|
|
