60 lines
1.7 KiB
JavaScript
60 lines
1.7 KiB
JavaScript
function render_charts() {
|
|
$('.chart').map(function() {
|
|
render_chart($(this));
|
|
});
|
|
}
|
|
|
|
var chart_colors = ['#edc240', '#afd8f8', '#cb4b4b', '#4da74d', '#9440ed'];
|
|
|
|
function render_chart(div) {
|
|
var id = div.attr('id').substring('chart-'.length);
|
|
var rate_mode = div.hasClass('chart-rates');
|
|
|
|
var chrome = {
|
|
series: { lines: { show: true } },
|
|
grid: { borderWidth: 2, borderColor: "#aaa" },
|
|
xaxis: { tickColor: "#fff", mode: "time" },
|
|
yaxis: { tickColor: "#eee", min: 0 },
|
|
legend: { show: false }
|
|
};
|
|
|
|
var out_data = [];
|
|
var i = 0;
|
|
for (var name in chart_data[id]) {
|
|
var data = chart_data[id][name];
|
|
var samples = data.samples;
|
|
var d = [];
|
|
for (var j = 1; j < samples.length; j++) {
|
|
var x = samples[j].timestamp;
|
|
var y;
|
|
if (rate_mode) {
|
|
y = (samples[j - 1].sample - samples[j].sample) * 1000 /
|
|
(samples[j - 1].timestamp - samples[j].timestamp);
|
|
}
|
|
else {
|
|
y = samples[j].sample;
|
|
}
|
|
d.push([x, y]);
|
|
}
|
|
var suffix;
|
|
if (rate_mode) {
|
|
suffix = " (" + data.rate + " msg/s)";
|
|
}
|
|
else {
|
|
suffix = " (" + samples[0].sample + " msg)";
|
|
}
|
|
out_data.push({data: d, color: chart_colors[i]});
|
|
i++;
|
|
}
|
|
chart_data[id] = {};
|
|
|
|
$.plot(div, out_data, chrome);
|
|
}
|
|
|
|
function update_rate_options(sammy) {
|
|
var id = sammy.params['id'];
|
|
store_pref('rate-mode-' + id, sammy.params['mode']);
|
|
store_pref('chart-size-' + id, sammy.params['size']);
|
|
partial_update();
|
|
}
|