Ես օգտագործում եմ highstock/highcharts և գծագրում եմ կուտակված (և խմբավորված) սյունակ՝ հիմնված վերջին 5 րոպեի վրա:
Ես ուզում եմ ընդգծել վերջին րոպեն (և դրա համար օգտագործել եմ սյուժետային խումբ):
Իմ խնդիրն այն է, որ սյուժետային գոտին չի ընդգրկի ամբողջ ժամանակային տիրույթը, ինչպես կարող եք տեսնել http://jsfiddle.net/duuuE/1/
Այն, ինչ ես ուզում եմ, որ գծապատկերը ծածկի, վերջին րոպեն է (մինչև ընթացիկ ժամանակի դրոշմանիշը), բայց կուտակված/խմբավորված սյունակներն օգտագործելը տարօրինակ է դարձնում, քանի որ սյունակները չեն գծվում համապատասխան x առանցքի նշանով, որը համապատասխանում է ժամանակի դրոշմանը:
Կոդը սա է.
$(function () {
Highcharts.setOptions({
global: {
useUTC: false
}
});
var now = new Date().getTime();
var last10min = now - (10 * 60 * 1000);
var lastMin = now - (60 * 1000);
$('#container').highcharts({
chart: {
type: 'column'
},
xAxis: {
type: 'datetime',
minTickInterval: 60 * 1000,
tickMarkPlacement: 'on',
plotBands: [{ // highlight last minute
color: '#FCFFC5',
from: lastMin,
to: now
}],
},
plotOptions: {
series: {
pointStart: last10min,
pointInterval: 60 * 1000 // one minute
},
column: {
stacking: 'normal',
pointPlacement: 'between'
}
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1]
}, {
data: [144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5]
}]
});
});