sbrl-github/Air-Quality-Web
1
0
Fork 0
mirror of https://github.com/ConnectedHumber/Air-Quality-Web synced 2024-11-21 06:22:59 +00:00
Code Issues Releases Wiki Activity

Bugfix: Correct dynamic adjustment of x axis labels on device graph

Browse source
This commit is contained in:
Starbeamrainbowlabs 2019-03-07 18:37:51 +00:00
parent 74d8d6ee87
commit 850060a6c0
Signed by: sbrl
GPG key ID: 1BE5172E637709C2
2 changed files with 17 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
client_src/js/DeviceReadingDisplay.mjs
View file

@ -12,6 +12,7 @@ import Chart from '../../node_modules/chart.js/dist/Chart.bundle.min.js';
import GetFromUrl from './Helpers/GetFromUrl.mjs'; import GetFromUrl from './Helpers/GetFromUrl.mjs';
import GetContainingElement from './Helpers/GetContainingElement.mjs'; import GetContainingElement from './Helpers/GetContainingElement.mjs';
import Postify from './Helpers/Postify.mjs'; import Postify from './Helpers/Postify.mjs';
import { human_duration_unit } from './Helpers/DateHelper.mjs';
class DeviceReadingDisplay { class DeviceReadingDisplay {
@ -238,7 +239,7 @@ class DeviceReadingDisplay {
type: "time", type: "time",
time: { time: {
format: "YYYY-MM-DD HH:mm", format: "YYYY-MM-DD HH:mm",
tooltipFormat: 'll HH:mm' tooltipFormat: 'll HH:mm',
}, },
scaleLabel: { scaleLabel: {
display: true, display: true,
@ -354,7 +355,8 @@ class DeviceReadingDisplay {
// Update the x axis labels // Update the x axis labels
// this.chart.data.labels = new_data_obj.data.map((point) => point.t); // this.chart.data.labels = new_data_obj.data.map((point) => point.t);
this.chart.options.scales.xAxes[0].time.unit = human_duration_unit(this.end_time.diff(this.start_time));
console.log(`New unit: ${this.chart.options.scales.xAxes[0].time.unit}`);
// Update the chart // Update the chart
this.chart.update(); this.chart.update();

13
client_src/js/Helpers/DateHelper.mjs Normal file
View file

@ -0,0 +1,13 @@
"use strict";
function human_duration_unit(milliseconds) {
let seconds = Math.floor(milliseconds / 1000);
if(seconds <= 60) return "second";
if(seconds <= 60*60) return "minute";
if(seconds <= 60*60*24) return "hour";
if(seconds <= 60*60*24*45) return "day";
if(seconds <= 60*60*24*365) return "month";
return "year";
}
export { human_duration_unit };