mirror
/
wakapi
mirror of https://github.com/muety/wakapi.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: tooltip and legend

This commit is contained in:
Steven Tang 2021-09-05 14:28:00 +10:00
parent d1577fc6be
commit fa4512f79b
No known key found for this signature in database
GPG Key ID: AA0C5A4496B7ADF5
1 changed files with 23 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
static/assets/app.js
View File

@ -66,10 +66,9 @@ String.prototype.toHHMM = function () {
function draw(subselection) {
function getTooltipOptions(key) {
return {
mode: 'single',
callbacks: {
label: (item) => {
let d = wakapiData[key][item.index]
const d = wakapiData[key][item.dataIndex]
return `${d.key}: ${d.total.toString().toHHMMSS()}`
},
title: () => 'Total Time'
@ -114,9 +113,6 @@ function draw(subselection) {
},
options: {
indexAxis: 'y',
legend: {
display: false
},
scales: {
xAxes: [{
scaleLabel: {
@ -128,7 +124,12 @@ function draw(subselection) {
}
}]
},
tooltips: getTooltipOptions('projects'),
plugins: {
legend: {
display: false
},
tooltip: getTooltipOptions('projects'),
},
maintainAspectRatio: false,
onResize: onChartResize
}
@ -161,7 +162,9 @@ function draw(subselection) {
.map(p => p.key)
},
options: {
tooltips: getTooltipOptions('operatingSystems'),
plugins: {
tooltip: getTooltipOptions('operatingSystems'),
},
maintainAspectRatio: false,
onResize: onChartResize
}
@ -194,7 +197,9 @@ function draw(subselection) {
.map(p => p.key)
},
options: {
tooltips: getTooltipOptions('editors'),
plugins: {
tooltip: getTooltipOptions('editors'),
},
maintainAspectRatio: false,
onResize: onChartResize
}
@ -227,7 +232,9 @@ function draw(subselection) {
.map(p => p.key)
},
options: {
tooltips: getTooltipOptions('languages'),
plugins: {
tooltip: getTooltipOptions('languages'),
},
maintainAspectRatio: false,
onResize: onChartResize
}
@ -260,7 +267,9 @@ function draw(subselection) {
.map(p => p.key)
},
options: {
tooltips: getTooltipOptions('machines'),
plugins: {
tooltip: getTooltipOptions('machines'),
},
maintainAspectRatio: false,
onResize: onChartResize
}
@ -293,7 +302,9 @@ function draw(subselection) {
.map(p => p.key)
},
options: {
tooltips: getTooltipOptions('labels'),
plugins: {
tooltip: getTooltipOptions('labels'),
},
maintainAspectRatio: false,
onResize: onChartResize
}
@ -305,7 +316,7 @@ function draw(subselection) {
charts = [projectChart, osChart, editorChart, languageChart, machineChart, labelChart].filter(c => !!c)
if (!subselection) {
charts.forEach(c => c.options.onResize(c.chart))
charts.forEach(c => c.options.onResize(c))
equalizeHeights()
}
}