1

このようなスパンスパークラインを表示するためのスクリプトがあります

function refresh_network() {
    var net = window.net = $('.dynamicbar').data('sparkline');
    $.getJSON('<?echo site_url('home / netinfo')?>', function (data)
    {
        var myvalues = [data.value, data.value, data.value, data.value, data.value, data.value, data.value];
        $('.dynamicbar').sparkline(myvalues, {
            type: 'line',
            barColor: 'green',
            width: '100px',
            height: '50px',
            fillColor: false,
            tooltipPrefix: 'RX ',
            chartRangeMin: 10000,
            chartRangeMax: 100000
        });
        var myvalues = [data.value2, data.value2, data.value2, data.value2, data.value2, data.value2, data.value2];
        $('.dynamicbar').sparkline(myvalues, {
            type: 'line',
            lineColor: 'red',
            width: '100px',
            height: '50px',
            composite: true,
            fillColor: false,
            tooltipPrefix: 'TX ',
            chartRangeMin: 10000,
            chartRangeMax: 100000
        });
    });

};

function auto_net() {
    refresh_network();
};

setInterval(auto_net, 500);

私はgrepネットワーク（RX / TX）を持っています。0.5秒ごとに変化しますが、この jsfiddleのような移動グラフを表示するのはまだ混乱しています

ただし、jsfiddle の例では。ext.js(sencha) を使用しており、変化するグラフのアルゴリズムは数学ランダムを使用しています。

スパークラインは、この [value1, value2, value3,..., valuex] のようなパラメーター配列を受け取ります。たとえば、3 つの配列を受け取った場合、アルゴリズムは [value(now-2), value(now-1), value(now)] になります。しかし、これをどのように適用するのですか？

4

0 に答える 0