загрузить MySQL в JSON для NVD3

    <?php
$username = "root";
$password = "pw";
$host = "localhost";
$database="dbname";

$server = mysql_connect($host, $username, $password);
$connection = mysql_select_db($database, $server);

$myquery = "SELECT  `name`, `useTime`, `e_usage` FROM `electric_usage`
";
$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);
}

echo json_encode($data);

mysql_close($server);
?>

Я использую верхний источник PHP для загрузки MySQL в JSON

результат страницы php

[{"name":"LED STAND","useTime":"2015-09-10 14:17:33","e_usage":"0.0599970581514709"},
{"name":"LED STAND","useTime":"2015-09-10 14:20:33","e_usage":"1.10919825898689"},
{"name":"LED STAND","useTime":"2015-09-10 14:23:33","e_usage":"1.9208018439918"}]

Как изменить этот формат, как это (для линейного графика nvd3)?

function cumulativeTestData() {
return [
{
key: "LED STAND",
values: [ [ 2015-09-10 14:17:33 , 2.974623048543] ,
[ 2015-09-10 14:20:33 , 1.7740300785979]]
}
}

или есть простой способ сделать линейный график NVD3 из БД mySql?

редактировать :

 d3.json("./mysqljson/dbread.php", function(data) {
var dataLoad =  d3.nest()
.key(function(d){return d.name})
.rollup(function(u){
return u.map(function(x){return [x.useTime,x.e_usage]})})
.entries(data);


nv.addGraph(function() {
var chart = nv.models.multiBarChart()
.x(function(d) {return d[0]})
.y(function(d) {return d[1]})
.margin({top: 50, bottom: 30, left: 40, right: 10});

chart.xAxis
.tickFormat(function(d) {
return d3.time.format('%x')(new Date(d))
});

d3.select('#mainExample')
.datum(dataLoad)
.transition().duration(500)
.call(chart);

nv.utils.windowResize(chart.update);



});

рабочий код для использования функций d3.json и d3.nest

0

Решение

Вы можете достичь этого, используя d3 d3.nest() метод следующим образом:

Предполагая вашу структуру данных, как вы получили его с помощью d3.json является dataтогда, если вы делаете:

x=d3.nest()
.key(function(d){return d.name})
.rollup(function(u){
return u.map(function(x){return [x.useTime,x.e_usage]})})
.entries(data);

Тогда результат будет:

{
key = "LED STAND"values =  [
["2015-09-10 14:17:33", "0.0599970581514709"],
["2015-09-10 14:20:33", "1.10919825898689"],
["2015-09-10 14:23:33", "1.9208018439918"]
]
}

Надеюсь, это поможет.

2

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector