我有一个像这样显示跨度迷你图的脚本
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)]。但是如何应用呢?