Использование D3.js с Symfony2

Я только начал изучать php в течение нескольких недель, и теперь я использую Symfony2 в качестве фреймворка. Итак, у меня очень мало знаний об использовании Symfony.

То, что я пытаюсь сделать сейчас, я хочу реализовать этот D3 руководство но вместо простого php я хочу использовать Symfony.

Итак, что я делал до сих пор:

1. Создал базу данных с именем ‘homedb’, и я заполнил ее точно так же, как это сделал учебник.
2. Удалось соединить symfony с базой данных (изменено в parameters.yml)
3. Создан новый пакет вызовов TreeBundle.
4. Создан контроллер DataController для извлечения данных из базы данных.
5. Создан файл html.twig для отображения данных.

Я преобразовал этот файл: data.php

<?php
$username = "homedbuser";
$password = "homedbuser";
$host = "localhost";
$database="homedb";

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

$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);
}

echo json_encode($data);

mysql_close($server);

в этот файл: DataController.php

<?php
// src/Dependency/TreeBundle/Controller/DataController.php
namespace TreeBundle\Controller;

use Symfony\Bundle\FrameworkBundle\Controller\Controller;
use Sensio\Bundle\FrameworkExtraBundle\Configuration\Route;
use Symfony\Component\HttpFoundation\Response;
use Symfony\Component\HttpFoundation\JsonResponse;

class DataController extends Controller
{
/**
* @Route("/tree")
*/

public function queryAction()
{
$em = $this->getDoctrine()->getEntityManager();

$query=$em->createQuery(
'SELECT date AND close
FROM data2'
);

$list = $query->getResult();
return new JsonResponse($list);

}
return $list->render('DependencyTreeBundle:Data:simple-graph.html.twig');
}

но я получил эту ошибку:

Parse Error: syntax error, unexpected 'return' (T_RETURN), expecting function (T_FUNCTION)

Я знаю, что это просто маленькая ошибка из моего ошибочного кода. Кто-нибудь может помочь мне правильно конвертировать этот скрипт?

P / S: Для моего simple-graph.html.twig я просто использую {{source(simple-graph.html)}} просто вернуть контент без его рендеринга.

ОБНОВЛЕНИЕ 1

Я просто отредактировал свой код следующим образом, чтобы извлечь данные из базы данных и преобразовать их в json.

public function queryAction()
{
$em = $this->getDoctrine()->getManager();

$sql = "SELECT date,
close
FROM data2
";

$stmt = $this->getDoctrine()->getManager()->getConnection()->prepare($sql);
$stmt->execute();
return $stmt->fetchAll();
$json = json_encode($stmt);
return $json-->render('DependencyTreeBundle:query:simple-graph.html.twig');
}

Но я получил эту ошибку на этот раз : The controller must return a response (Array(0 => Array(date => 1-May-12, close => 58.13), 1 => Array(date => 30-Apr-12, close => 53.98), ,....

Похоже, что данные извлекаются, но не удалось преобразовать его как JSON ..

ОБНОВЛЕНИЕ 2

Вот мой новый код, спасибо @ adiii4 за предложение. Но этот код имеет ошибку: Попытка загрузить класс «TreeBundle» из пространства имен «Dependency \ TreeBundle».
Вы забыли оператор use для другого пространства имен?

<?php
// src/Dependency/TreeBundle/Controller/DataController.php
namespace Dependency\TreeBundle\Controller;

use Symfony\Bundle\FrameworkBundle\Controller\Controller;
use Sensio\Bundle\FrameworkExtraBundle\Configuration\Route;
use Symfony\Component\HttpFoundation\Response;
use Symfony\Component\HttpFoundation\JsonResponse;

class DataController extends Controller
{
/**
* @Route("/tree")
*/

public function queryAction()
{
$em = $this->getDoctrine()->getManager();

$sql = "SELECT date,
close
FROM data2
";

$stmt = $this->getDoctrine()->getManager()->getConnection()- >prepare($sql);

$stmt->execute();

$stmt->fetchAll();

$list = json_encode($stmt);

return $this->render('DependencyTreeBundle:Data:simple-graph.html.twig', array('data' => $list));
}

}

ОБНОВЛЕНИЕ 3

Я думаю, что мне удалось получить данные и преобразовать в JSON правильно. Теперь мне нужно визуализировать данные, вызвав D3 в HTML-файл. Можно ли просто вставить html-файл в Twig и оставить только Twig? Или мне нужно преобразовать все это в синтаксис Twig?

Вот исходный код файла simple-graph.html:

        <!DOCTYPE html>
<meta charset="utf-8">
<style> /* set the CSS */

body { font: 12px Arial;}

path {
stroke: steelblue;
stroke-width: 2;
fill: none;
}

.axis path,
.axis line {
fill: none;
stroke: grey;
stroke-width: 1;
shape-rendering: crispEdges;
}

</style>
<body>

<!-- load the d3.js library -->
<script src="http://d3js.org/d3.v3.min.js"></script>

<script>

// Set the dimensions of the canvas / graph
var margin = {top: 30, right: 20, bottom: 30, left: 50},
width = 600 - margin.left - margin.right,
height = 270 - margin.top - margin.bottom;

// Parse the date / time
var parseDate = d3.time.format("%d-%b-%y").parse;

// Set the ranges
var x = d3.time.scale().range([0, width]);
var y = d3.scale.linear().range([height, 0]);

// Define the axes
var xAxis = d3.svg.axis().scale(x)
.orient("bottom").ticks(5);

var yAxis = d3.svg.axis().scale(y)
.orient("left").ticks(5);

// Define the line
var valueline = d3.svg.line()
.x(function(d) { return x(d.date); })
.y(function(d) { return y(d.close); });

// Adds the svg canvas
var svg = d3.select("body")
.append("svg")
.attr("width", width + margin.left + margin.right)
.attr("height", height + margin.top + margin.bottom)
.append("g")
.attr("transform",
"translate(" + margin.left + "," + margin.top + ")");

// Get the data
d3.json("data.php", function(error, data) {
data.forEach(function(d) {
d.date = parseDate(d.date);
d.close = +d.close;
});

// Scale the range of the data
x.domain(d3.extent(data, function(d) { return d.date; }));
y.domain([0, d3.max(data, function(d) { return d.close; })]);

// Add the valueline path.
svg.append("path")
.attr("class", "line")
.attr("d", valueline(data));

// Add the X Axis
svg.append("g")
.attr("class", "x axis")
.attr("transform", "translate(0," + height + ")")
.call(xAxis);

// Add the Y Axis
svg.append("g")
.attr("class", "y axis")
.call(yAxis);

});

</script>
</body>

То, что я только что сделал в своем файле simple-graph.html.twig, заключается в том, что я просто передаю данные json на аутсорсинг и вызываю html-файл, чтобы сделать все остальное. Очевидно, я был брошен с этой ошибкой: Невозможно найти шаблон «{}» в DependencyTreeBundle: Данные: simple-graph.html.twig в строке 2

Вот мой код в моем simple-graph.html.twig:

{# src/Dependency/TreeBundle/Resources/views/simple-graph.html.twig #}
{{ source(data) }}
{{ source('public/html/simple-graph.html') }}

У кого-нибудь есть идеи? Я очень ценю это.

return $stmt->fetchAll();

public function queryAction()
{
$em = $this->getDoctrine()->getManager();
$query=$em->createQuery(
'SELECT date AND close
FROM data2'
);

$list = json_encode($query->getResult());

return $this->render('DependencyTreeBundle:query:simple-graph.html.twig', array('data' => $list));
}

{{ source(data) }}

    $conn = $this->get('database_connection');
$list = $conn->fetchAll('SELECT date,close FROM data2');