我正在尝试使用https://plot.ly/javascript/来绘制数据库的PHP
输出MySQL
。我需要像这样格式化输出-
var data = [
{
x: ['giraffes', 'orangutans', 'monkeys'],
y: [20, 14, 23],
type: 'bar'
}
];
目前这是我用来获取输出的代码-
#PHP
$x = array();
$y = array();
while($query_result = $result->fetch_assoc()) {
$x[] = $query_result['Animal'];
$y[] = $query_result['Count'];
}
print_r($y);
#Javascript
$.get('../assets/php/Animals.php', function(data) {
Plotly.newPlot('AnimalChart', data);
});
但它返回的数据是这样的-
Array
(
[0] => 20
[1] => 14
[2] => 23
)
我也尝试过json_encode
这样-
$rows = array();
while($query_result = $result->fetch_assoc()) {
$rows[] = $query_result;
}
echo json_encode($rows);
但是输出是这样,它与绘图的预期格式不匹配-
[{"Animal":"giraffes","Count":"20"},
{"Animal":"orangutans","Count":"14"},
{"Animal":"monkeys","Count":"23"}]
在这两种情况下,都Plot.ly
返回一个错误,这就是为什么我认为它需要像第一个示例一样进行格式化的原因。
未捕获的TypeError:无法读取未定义的属性'selectAll'
您的数据不仅$x
需要以下内容:
$x = array();
$y = array();
while($query_result = $result->fetch_assoc()) {
$x[] = $query_result['Animal'];
$y[] = $query_result['Count'];
}
$data = [ [
"x" => $x,
"y" => $y,
"type" => "bar"
] ];
echo json_encode($data);
您的JS还需要使用正确的dataType:
$.get('../assets/php/Animals.php', null, function(data) {
Plotly.newPlot('AnimalChart', data);
}, "json");
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句