Zingchart Live Feed Просмотр Изменить

Question

Позвольте мне начать с того, что я довольно новичок в этом.

Итак, в настоящее время я работаю с графиком прямой трансляции, используя функцию js, которая генерирует и упорядочивает случайные числа.

window.feed = function(callback) {
    var tick = {};

    tick.plot0 = parseInt(10+900*Math.random(), 10);


    callback(JSON.stringify(tick));

};

Первая проблема, которую я пытаюсь решить, - это возможность переключать диаграммы одним нажатием кнопки без перезапуска канала, по сути, с помощью функции подачи, выполняемой сзади, и (я бы предположил) хранения данных в массиве? Будет ли это правильный подход? Но в настоящее время, когда я нажимаю кнопку, он просто перезапускает канал. Вот код:

$('#chartButton').bind('click', function(){
    zingchart.exec('chart', 'setdata',{
        'data': {
            'type': 'bar',
            "refresh":{
        "type":"feed",
        "transport":"js",
        "url":"feed()",
        "interval":200
    },
            'series':[
            {
        'values':[]
        //[11,26,7,44,11]
    },
    {
        'values':[]
        //[42,13,21,15,33]
    }

            ]
        }
    });
});

$('#lineButton').bind('click', function(){
    zingchart.exec('chart', 'setdata',{
        'data': {
            'type': 'line',
            "refresh":{
        "type":"feed",
        "transport":"js",
        "url":"feed()",
        "interval":200
    },
            'series':[
            {
        'values':[]
        // [11,26,7,44,11]
    },
    {
        'values':[]
        // [42,13,21,15,33]
    }
            ]
        }
    });
});

$('#areaButton').bind('click', function(){
    zingchart.exec('chart', 'setdata',{
        'data': {
            'type': 'area',
            "refresh":{
        "type":"feed",
        "transport":"js",
        "url":"feed()",
        "interval":200
    },
            'series':[
                {
                'values':[]
                // [11,26,7,44,11]
                },
                {
                'values':[]
                // [42,13,21,15,33]
                }
            ]
        }

    });
});

И, наконец, я пытаюсь сделать так, чтобы на графике отображались два разных "значения", но я не могу понять, как бы я это сделал. В учебном пособии сказано, что если вы собираетесь использовать входные значения из двух значений, создайте объекты, но не экстраполируется на то, как преобразовать различные значения.

Я догадываюсь, что я создаю функцию подачи, но сохраняю все создаваемые значения в массиве, по одному для каждой функции. Затем присвойте этим массивам значения диаграммы, но у меня возникли проблемы с определением, как точно увеличить массив в javascript, чтобы вы могли добавлять к нему все больше и больше данных по мере их создания. Любая помощь приветствуется.