span plot gaps, change selection color, hide points

This commit is contained in:
Nick Krecklow 2020-05-20 22:25:37 -05:00
parent 2ddc09c2d3
commit a360cb4ce0
No known key found for this signature in database
GPG Key ID: 5F149FDE156FFA94
3 changed files with 22 additions and 4 deletions

@ -451,3 +451,9 @@ footer a:hover {
margin-bottom: 20px; margin-bottom: 20px;
} }
} }
/* uPlot.css overrides */
.uplot .select {
background: var(--color-blue);
opacity: 0.3;
}

@ -151,7 +151,11 @@ export class GraphDisplayManager {
stroke: serverRegistration.data.color, stroke: serverRegistration.data.color,
width: 2, width: 2,
value: (_, raw) => formatNumber(raw) + ' Players', value: (_, raw) => formatNumber(raw) + ' Players',
show: serverRegistration.isVisible show: serverRegistration.isVisible,
spanGaps: true,
points: {
show: false
}
} }
}) })
@ -397,9 +401,15 @@ export class GraphDisplayManager {
} }
reset () { reset () {
// Destroy graphs and unload references
// uPlot#destroy handles listener de-registration, DOM reset, etc
if (this._plotInstance) {
this._plotInstance.destroy()
this._plotInstance = undefined
}
this._graphTimestamps = [] this._graphTimestamps = []
this._graphData = [] this._graphData = []
this._plotInstance = undefined
this._hasLoadedSettings = false this._hasLoadedSettings = false
// Fire #clearTimeout if the timeout is currently defined // Fire #clearTimeout if the timeout is currently defined
@ -410,7 +420,6 @@ export class GraphDisplayManager {
} }
// Reset modified DOM structures // Reset modified DOM structures
document.getElementById('big-graph').innerHTML = ''
document.getElementById('big-graph-checkboxes').innerHTML = '' document.getElementById('big-graph-checkboxes').innerHTML = ''
document.getElementById('big-graph-controls').style.display = 'none' document.getElementById('big-graph-controls').style.display = 'none'

@ -116,7 +116,10 @@ export class ServerRegistration {
scale: 'Players', scale: 'Players',
stroke: '#E9E581', stroke: '#E9E581',
width: 2, width: 2,
value: (_, raw) => formatNumber(raw) + ' Players' value: (_, raw) => formatNumber(raw) + ' Players',
points: {
show: false
}
} }
], ],
axes: [ axes: [