Отправка функции JavaScript с помощью JSON возможна?

Question

Я использую Highcharts для отображения диаграмм: когда документ готов, запрос ajax извлекает данные (в формате JSON) и инициализирует объект chart с некоторыми данными по умолчанию и некоторыми динамическими данными ( точек):

$('document').ready(function() {

    var chart;

    $.ajax({
        url: "{{ path('stats_update') }}",
        type: "POST",
        dataType: "json",
        success: function(data){
            data.chart.renderTo = 'chart'; // id of the div element
            chart = new Highcharts.Chart(data); // inizialize chart object
        }
    });

}); // end of document.ready

Пока все хорошо, все работает отлично, за исключением случаев, когда мне нужно отправить обратно обратных вызовов . Это не работает, и я не могу найти почему. Диаграмма «зависает» и подсказка не отображается:

Вот как инициализируется обратный вызов функции форматирования (работает):

var chart = new Highcharts.Chart({
    tooltip: {
        formatter: function() { return this.x; }
});

Вот так я отправляю обратный вызов, используя JSON: механизм шаблонов Twig, выводящий JSON, вручную - без json_encode (не работает):

{
   "tooltip" : {
      "formatter" : "function() { return this.x; }"
   }
}

Нет ошибок при разборе JSON с помощью jQuery. Я бы сказал, что я не гуру javascript или jQuery ... спасибо за помощь.

Answer 1

функция из вашего шаблона ветки выводится в виде строки вместо функции.

$.ajax({
    url: "{{ path('stats_update') }}", 
    type: "POST", 
    dataType: "json",
    success: function(data){
        data.chart.renderTo = 'chart'; // id of the div element
        data.tooltip.formatter = eval('(' + data.tooltip.formatter + ')');
        chart = new Highcharts.Chart(data); // inizialize chart object
    }
});

Answer 2

Нельзя сериализовать функцию с помощью JavaScript / JSON.

Answer 3

Вместо того, чтобы запрашивать весь объект options с сервера, я бы запрашивал только данные и создавал диаграмму следующим образом -

$('document').ready(function() {

    var chart;

    $.ajax({
        url: "{{ path('stats_update') }}",
        type: "POST",
        dataType: "json",
        success: function(data){ // <--- send just the data array from server

            chart = new Highcharts.Chart({
                chart: {
                    renderTo: 'chart'; // id of the div element
                },
                //...                    
                tooltip: {
                    formatter: function() { 
                        return this.x; 
                    }
                },
                //...
                series: [{
                    data: eval('(' + data + ')')
                }]
            }); // inizialize chart object
        }
    });

}); // end of document.ready