114 lines
2.4 KiB
JavaScript
114 lines
2.4 KiB
JavaScript
|
document.addEventListener("DOMContentLoaded", function(event) {
|
||
|
var main_channel_names = ['general','random'],
|
||
|
main_member_numbers = [],
|
||
|
main_message_numbers = [],
|
||
|
other_channel_names = [],
|
||
|
other_member_numbers = [],
|
||
|
other_message_numbers = [];
|
||
|
for(var i = 0; i < stats.channels.length; i++){
|
||
|
if(stats.channels[i].name == "general") {
|
||
|
main_member_numbers[0] = stats.channels[i].member_count;
|
||
|
main_message_numbers[0] = stats.channels[i].message_count;
|
||
|
} else if(stats.channels[i].name == "random") {
|
||
|
main_member_numbers[1] = stats.channels[i].member_count;
|
||
|
main_message_numbers[1] = stats.channels[i].message_count;
|
||
|
} else {
|
||
|
other_channel_names.push(stats.channels[i].name);
|
||
|
other_member_numbers.push(stats.channels[i].member_count);
|
||
|
other_message_numbers.push(stats.channels[i].message_count);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
var mainChart = new Highcharts.Chart({
|
||
|
chart: {
|
||
|
renderTo: 'mainStatsBarChart',
|
||
|
type: 'column'
|
||
|
},
|
||
|
|
||
|
title: {
|
||
|
text: 'Main Channels'
|
||
|
},
|
||
|
|
||
|
yAxis: [{
|
||
|
min: 0,
|
||
|
title: { text: 'Messages' }
|
||
|
},{
|
||
|
min: 0,
|
||
|
title: { text: 'Members' },
|
||
|
opposite: true
|
||
|
}],
|
||
|
|
||
|
plotOptions: {
|
||
|
column: {
|
||
|
grouping: false,
|
||
|
shadow: false,
|
||
|
borderWidth: 0
|
||
|
}
|
||
|
},
|
||
|
|
||
|
xAxis: {
|
||
|
categories: main_channel_names
|
||
|
},
|
||
|
|
||
|
series: [{
|
||
|
name: 'Messages',
|
||
|
color: 'rgba(126,86,134,0.9)',
|
||
|
data: main_message_numbers,
|
||
|
pointPadding: 0.3
|
||
|
},{
|
||
|
name: 'Members',
|
||
|
color: 'rgba(165,170,217,1)',
|
||
|
data: main_member_numbers,
|
||
|
pointPadding: 0.4,
|
||
|
yAxis: 1
|
||
|
}]
|
||
|
});
|
||
|
|
||
|
var otherChart = new Highcharts.Chart({
|
||
|
chart: {
|
||
|
renderTo: 'statsBarChart',
|
||
|
type: 'column'
|
||
|
},
|
||
|
|
||
|
title: {
|
||
|
text: 'Other Channels'
|
||
|
},
|
||
|
|
||
|
yAxis: [{
|
||
|
min: 0,
|
||
|
title: { text: 'Members' }
|
||
|
},{
|
||
|
min: 0,
|
||
|
title: { text: 'Messages' },
|
||
|
opposite: true
|
||
|
}],
|
||
|
|
||
|
tooltip: { shared: true },
|
||
|
|
||
|
plotOptions: {
|
||
|
column: {
|
||
|
grouping: false,
|
||
|
shadow: false,
|
||
|
borderWidth: 0
|
||
|
}
|
||
|
},
|
||
|
|
||
|
xAxis: {
|
||
|
categories: other_channel_names
|
||
|
},
|
||
|
|
||
|
series: [{
|
||
|
name: 'Messages',
|
||
|
color: 'rgba(126,86,134,0.9)',
|
||
|
data: other_message_numbers,
|
||
|
pointPadding: 0.3
|
||
|
},{
|
||
|
name: 'Members',
|
||
|
color: 'rgba(165,170,217,1)',
|
||
|
data: other_member_numbers,
|
||
|
pointPadding: 0.4,
|
||
|
yAxis: 1
|
||
|
}]
|
||
|
});
|
||
|
});
|