Peaks merged to havg/davh

index.pug
   - removed #dpeak1/#dpeak2

showcharts.js
   - removed second chart

public/stylesheets/style.sass
   - removed #dpeak1/2
   - ste height für char divs
This commit is contained in:
rxf
2023-04-04 14:38:00 +02:00
parent 71a59fb9e8
commit 7a15817936
5 changed files with 23 additions and 28 deletions
+5 -11
View File
@@ -16,29 +16,29 @@ export const tabtable = [
export async function showChart(params, typ, container) { export async function showChart(params, typ, container) {
function form() { function form() {
for(let item of tabtable) { for (let item of tabtable) {
if (item.type === typ) { if (item.type === typ) {
const d = DateTime.fromMillis(this.x, {zone: 'utc'}) const d = DateTime.fromMillis(this.x, {zone: 'utc'})
const d1 = d.plus({days: 1}) const d1 = d.plus({days: 1})
let fmt = d.toFormat(item.dformat) let fmt = d.toFormat(item.dformat)
if(((typ === 'daynight') && (this.series.name.startsWith('N'))) || (typ === 'lden')) { if (((typ === 'daynight') && (this.series.name.startsWith('N'))) || (typ === 'lden')) {
fmt = `${d.toFormat('dd')}/${d1.toFormat('dd.LL')}` fmt = `${d.toFormat('dd')}/${d1.toFormat('dd.LL')}`
} }
if(this.series.name === 'Peaks') { if (this.series.name === 'Peaks') {
item.div = 0 item.div = 0
} }
return '<div style="border: 2px solid ' + this.point.color + '; padding: 3px;">' + return '<div style="border: 2px solid ' + this.point.color + '; padding: 3px;">' +
fmt + '<br />' + fmt + '<br />' +
'<span style="color: ' + this.point.color + '">&#9679;&nbsp;</span>' + '<span style="color: ' + this.point.color + '">&#9679;&nbsp;</span>' +
this.series.name + ':&nbsp; <b>' + this.series.name + ':&nbsp; <b>' +
Highcharts.numberFormat(this.y,item.div) + Highcharts.numberFormat(this.y, item.div) +
'</b></div>' '</b></div>'
} }
} }
} }
function xformat() { function xformat() {
if(typ === 'lden') { if (typ === 'lden') {
let lbl = this.axis.defaultLabelFormatter.call(this); let lbl = this.axis.defaultLabelFormatter.call(this);
this.value += 86400000; this.value += 86400000;
let lbl1 = this.axis.defaultLabelFormatter.call(this); let lbl1 = this.axis.defaultLabelFormatter.call(this);
@@ -69,12 +69,6 @@ export async function showChart(params, typ, container) {
indoor: erg.params.indoor indoor: erg.params.indoor
}, document.getElementById(container).offsetWidth) }, document.getElementById(container).offsetWidth)
}) })
if((typ === 'havg') || (typ === 'davg')) {
erg.options2.tooltip.formatter = form
erg.options2.xAxis.labels.formatter = xformat
let ch1 = Highcharts.chart(typ === 'havg' ? 'dpeak1' : 'dpeak2', erg.options2)
}
} }
export const loadAll = async (params) => { export const loadAll = async (params) => {
+2 -1
View File
@@ -154,9 +154,10 @@ footer #author #versn {
margin-top: 44px; margin-top: 44px;
} }
#dlive, #dhour, #dday, #ddaynight, #dlden, #dpeak1, #dpeak2 { #dlive, #dhour, #dday, #ddaynight, #dlden {
width: 100%; width: 100%;
margin: auto; margin: auto;
height: 80vh;
} }
#dialogError { #dialogError {
+1 -1
View File
@@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["style.sass"],"names":[],"mappings":"AAWA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAEF;EACE;EACA;EACA;EAEA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE,kBA7BoB;;AA+BpB;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;;;AAEJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;EACA;;AACA;EACE;;;AAEN;EACE;EAEA;EACA;EACA,eA3Ec;EA4Ed;EACA;EACA;;AAEA;EACE;EACA;EACA;;AACF;EACE;EACA;;;AAEJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AACF;EACE;EACA;;;AAEJ;EACE,kBA/FoB;;AAiGpB;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;;AAGN;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE","file":"style.css"} {"version":3,"sourceRoot":"","sources":["style.sass"],"names":[],"mappings":"AAWA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAEF;EACE;EACA;EACA;EAEA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE,kBA7BoB;;AA+BpB;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;;;AAEJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;EACA;;AACA;EACE;;;AAEN;EACE;EAEA;EACA;EACA,eA3Ec;EA4Ed;EACA;EACA;;AAEA;EACE;EACA;EACA;;AACF;EACE;EACA;;;AAEJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AACF;EACE;EACA;;;AAEJ;EACE,kBA/FoB;;AAiGpB;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;;AAGN;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE","file":"style.css"}
+3 -1
View File
@@ -150,9 +150,10 @@ footer
.tab-pane .tab-pane
margin-top: 44px margin-top: 44px
#dlive, #dhour, #dday, #ddaynight, #dlden, #dpeak1, #dpeak2 #dlive, #dhour, #dday, #ddaynight, #dlden
width: 100% width: 100%
margin: auto margin: auto
height: 80vh
#dialogError #dialogError
color: red color: red
@@ -163,3 +164,4 @@ footer
.highcharts-tooltip .highcharts-tooltip
zIndex: 5 zIndex: 5
+1 -3
View File
@@ -35,10 +35,8 @@ block content
#dlive #dlive
.tab-pane.fade#t_houravg(role="tabpanel" aria-labelledby="map-tab") .tab-pane.fade#t_houravg(role="tabpanel" aria-labelledby="map-tab")
#dhour #dhour
#dpeak1 Peaks merged to .tab-pane.fade#t_dayavg(role="tabpanel" aria-labelledby="map-tab")
.tab-pane.fade#t_dayavg(role="tabpanel" aria-labelledby="map-tab")
#dday #dday
#dpeak2
.tab-pane.fade#t_daynight(role="tabpanel" aria-labelledby="map-tab") .tab-pane.fade#t_daynight(role="tabpanel" aria-labelledby="map-tab")
#ddaynight DayNightTAB #ddaynight DayNightTAB
.tab-pane.fade#t_lden(role="tabpanel" aria-labelledby="map-tab") .tab-pane.fade#t_lden(role="tabpanel" aria-labelledby="map-tab")