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