mysql — C3: чтение JSON, сгенерированного из переполнения стека
Я новичок в C3 (и .js), но очень впечатлен и взволнован тем, что он может сделать.
Я использую PHP для извлечения набора данных из MySQL в соответствии с учебником:
http://www.d3noob.org/2013/02/using-mysql-database-as-source-of-data.html
Я могу успешно сгенерировать файл JSON в PHP, используя следующий код:
$myquery = "SELECT `date`, `close` FROM `data2`";
$query = mysql_query($myquery);
if ( ! $query ) {
echo mysql_error();
die;
}
$data = array();
for ($x = 0; $x < mysql_num_rows($query); $x++) {
$data[] = mysql_fetch_assoc($query);
}
$output=json_encode($data);
echo $output;
?>
Это создает следующий JSON:
[{"date":"1-May-12","close":"58.13"},{"date":"30-Apr-12","close":"53.98"},{"date":"27-Apr-12","close":"67.00"},{"date":"26-Apr-12","close":"89.70"},{"date":"25-Apr-12","close":"99.00"},{"date":"24-Apr-12","close":"130.28"},{"date":"23-Apr-12","close":"166.70"},{"date":"20-Apr-12","close":"234.98"},{"date":"19-Apr-12","close":"345.44"},{"date":"18-Apr-12","close":"443.34"},{"date":"17-Apr-12","close":"543.70"},{"date":"16-Apr-12","close":"580.13"},{"date":"13-Apr-12","close":"605.23"},{"date":"12-Apr-12","close":"622.77"},{"date":"11-Apr-12","close":"626.20"},{"date":"10-Apr-12","close":"628.44"},{"date":"9-Apr-12","close":"636.23"},{"date":"5-Apr-12","close":"633.68"},{"date":"4-Apr-12","close":"624.31"},{"date":"3-Apr-12","close":"629.32"},{"date":"2-Apr-12","close":"618.63"},{"date":"30-Mar-12","close":"599.55"},{"date":"29-Mar-12","close":"609.86"},{"date":"28-Mar-12","close":"617.62"},{"date":"27-Mar-12","close":"614.48"},{"date":"26-Mar-12","close":"606.98"}]
Моя проблема в том, что код c3.js, который я имею, не отображает диаграмму. Не уверен, что это потому, что JSON отформатирован правильно.
Это код, который я использую
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>title</title>
<!-- Here are all the javascripts and css that you need, you can download them or linked them like here -->
<script type="text/javascript" src="d3.js"></script>
<script type="text/javascript" src="c3.js"></script>
<link href="c3.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="chart"></div>
<script>
var obj2 = ['<?php echo $output; ?>'];
var chart = c3.generate({
bindto: '#chart',
data: {
json: [
obj2
], // or URL
keys: {
// x: 'name', // it's possible to specify 'x' when category axis
value: ['close '],
}
},
axis: {
x: {
// type: 'category'
}
}
});
</script>
</body>
</html>
Вот результат, который я получаю на графике:
с3 пустой график — http://imgur.com/SHPmVOb
Буду признателен за любую помощь, так как я чувствую, что это может стать большим препятствием для изучения C3.
Спасибо
Решение
Проблема может заключаться в том, что json_encode возвращает JSON в виде строки. Так что это не совсем JSON, который вы получаете. ИСПОЛЬЗУЙТЕ JSON.parse (ваши данные из json_encode); чтобы получить объект JS JSON и перейти оттуда.
Другие решения
Других решений пока нет …