Javascript jQuery火花线集区间数组

我有一个显示span Sparkine的脚本 像这样

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

函数刷新\u网络（）{
var net=window.net=$（'.dynamicbar'）.data（'sparkline'）；
$.getJSON（“”，函数（数据）
{
var myvalues=[data.value，data.value，data.value，data.value，data.value，data.value，data.value，data.value]；
$（'.dynamicbar'）。迷你（myvalues{
键入：“行”，
barColor:'绿色'，
宽度：“100px”，
高度：'50px'，
fillColor:false，
ToolTipRefix:“RX”，
查特兰格明：10000，
最大范围：100000
});
var myvalues=[data.value2，data.value2，data.value2，data.value2，data.value2，data.value2，data.value2]；
$（'.dynamicbar'）。迷你（myvalues{
键入：“行”，
线条颜色：“红色”，
宽度：“100px”，
高度：'50px'，
是的，
fillColor:false，
ToolTipRefix:'TX'，
查特兰格明：10000，
最大范围：100000
});
});
};
函数auto_net（）{
刷新_网络（）；
};
设置间隔（自动网络，500）；

我有grep网络（RX/TX）。它每0.5秒改变一次，但我仍然不明白这样显示移动图形

但是，在JSFIDLE示例中。它使用ext.js（sencha），而变化图算法使用的是数学随机

sparkline使用如下参数数组[value1，value2，value3，…，valuex]，例如，如果我使用3个数组，则使用算法[value（now-2），value（now-1），value（now）]。但是如何应用这个呢