Question

我有一个显示跨度迷你图的脚本像这样

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），而变化的图算法则使用数学随机。

sparkline take参数数组，如[value1，value2，value3，...，valuex]，例如，如果我取3个数组然后算法[value（now-2），value（now-1），value（now） ]。但是如何应用呢？

jQuery sparkline设置间隔数组

0 个答案: