Symfony 2.6 - Плохая диаграмма не заполняется должным образом из JSON

Question

Я пытаюсь заполнить диаграмму флота флота с помощью JSON, созданного из результата запроса доктрины, но безуспешно. Вот подробнее ...

Контроллер:

$resultJson = json_encode($query); 

return $this->render('default/index.html.twig', array('result' => $resultJson)); 

JSON результат:

[{"label":"project 1","data":"5"}, 
{"label":"project 2","data":"1"}, 
{"label":"project 3","data":"1"}] 

Javascript:

var data = '{{ result}}'; 
var options = { 
     series: { 
      pie: { 
       show: true, 
       label: { 
        show: true, 
        radius: 0.8, 
        formatter: function (label, series) { 
         return '<div style="...">' + 
         label + ' : ' + 
         Math.round(series.percent) + 
         '%</div>'; 
        }, 
        background: { 
         opacity: 0.8, 
         color: '#000' 
        } 
       } 
      } 
     } 
    }; 

    $.plot($("#flot"), data, options); 

Текущий результат (неопределенные этикетки и более один, чем это необходимо): http://oi61.tinypic.com/28srjut.jpg

Желаемый результат: http://oi59.tinypic.com/sncwtx.jpg

Answer 1

Вы должны удалить одинарные кавычки, как указано, и вам нужно, чтобы выходные данные не были экранированы. Twig автоматически ускользает от ваших двойных кавычек, чтобы быть «безопасным», но это не то, что вы хотите. Оно должно быть:

var data = {{ result|raw }}; 

В качестве примечания, я написал небольшую Flot library и Symfony Flot bundle, который помогает конвертировать PHP массивы в общий ФЛОТЕ форматы, таких как пирог, линия, гистограммы и т.д. Он может быть полезна для вы поможете подготовить данные для Twig.