an0n.eu/sthlm-mesh
1
0
Fork 0
forked from iarv/sthlm-mesh
Code Pull Requests Activity

Consistent sizing of charts

Browse Source
This commit is contained in:
Anton Roslund
2025-04-19 22:06:38 +02:00
parent c0ceb4793d
commit 27d323047f
6 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
static/js/status/device-roles.js
View File

@@ -27,7 +27,7 @@ async function deviceRolesChart() {
// Dynamically size the container based on the number of elements
const chartContainer = document.getElementById('deviceRolesContainer');
chartContainer.style.height = `${labels.length *35}px`;
chartContainer.style.height = `${labels.length *35 + 50}px`;
const backgroundColors = labels.map(label => {
if (label == "ROUTER_CLIENT") return 'rgb(196, 36, 18)';

2
static/js/status/firmware-versions.js
View File

@@ -40,7 +40,7 @@ async function firmwareVersionGraph() {
const counts = sorted.map(entry => entry.count);
const chartContainer = document.getElementById('firmwareVersionContainer');
chartContainer.style.height = `${labels.length * 35}px`;
chartContainer.style.height = `${labels.length * 35 + 50}px`;
new Chart(ctx, {
type: 'bar',

2
static/js/status/hardwareChart.js
View File

@@ -29,7 +29,7 @@ async function hardwareStatsGraph() {
// Adjust chart height based on number of items
const chartContainer = document.getElementById('hardwareChartContainer');
chartContainer.style.height = `${labels.length * 25}px`;
chartContainer.style.height = `${labels.length * 25 + 50}px`;
new Chart(ctx, {

2
static/js/status/most-active-nodes.js
View File

@@ -17,7 +17,7 @@ async function mostActiveNodesGraph() {
// Adjust chart height based on number of items
const chartContainer = document.getElementById('mostActiveNodesContainer');
chartContainer.style.height = `${labels.length * 25}px`;
chartContainer.style.height = `${labels.length * 22 + 50}px`;
const backgroundColors = counts.map(count => {
if (count < 100) return '#7EB26D'; // Green

2
static/js/status/portnum-distribution-chart.js
View File

@@ -134,7 +134,7 @@ async function portnumDistributionChart(nodeId = null) {
});
const chartContainer = document.getElementById('portnumDistributionContainer');
chartContainer.style.height = `${labels.length * 35}px`;
chartContainer.style.height = `${labels.length * 35 + 50}px`;
if (chartInstance) chartInstance.destroy();

2
static/js/status/position-precision-chart.js
View File

@@ -114,7 +114,7 @@ async function positionPrecisionGraph() {
const backgroundColors = sorted.map(entry => getPositionColor(entry.precision));
const chartContainer = document.getElementById('positionPrecisionContainer');
chartContainer.style.height = `${labels.length *35}px`;
chartContainer.style.height = `${labels.length * 35 + 50}px`;
new Chart(ctx, {
type: 'bar',