Archives/ohwgiles_laminar
1
0
Fork 0
mirror of https://github.com/ohwgiles/laminar.git synced 2024-10-27 20:34:20 +00:00
Code Issues Projects Releases Wiki Activity

Minor tweaks to charts appearance

Browse Source 
Some charts had a more 'curvy' look to it. Adjusted this by using the
'tension' parameter.
Adjusted 'Utilization' pie chart aspect ratio so it is not so big.
This commit is contained in:
Guilherme Lima 2022-10-04 23:20:23 +02:00
parent b38cbe5827
commit 9db4211091
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/resources/js/app.js
View File

@ -129,7 +129,8 @@ const Charts = (() => {
}]
},
options: {
hover: { mode: null }
hover: { mode: null },
aspectRatio: 2
}
});
c.executorBusyChanged = busy => {
@ -161,11 +162,13 @@ const Charts = (() => {
backgroundColor: "#883d3d",
data: data.map(e => e.failed || 0),
fill: true,
tension: 0.35,
},{
label: 'Successful Builds',
backgroundColor: "#74af77",
data: data.map(e => e.success || 0),
fill: true,
tension: 0.35,
}]
},
options:{
@ -279,7 +282,8 @@ const Charts = (() => {
label: name,
data: durations.map(x => x * scale.factor),
borderColor: 'hsl('+(name.hashCode() % 360)+', 27%, 57%)',
backgroundColor: 'transparent'
backgroundColor: 'transparent',
tension: 0.35,
});
const c = new Chart(document.getElementById(id), {
type: 'line',
@ -389,7 +393,7 @@ const Charts = (() => {
})();
// For all charts, set miniumum Y to 0
Chart.defaults.scales.linear = { ticks: { suggestedMin: 0 } };
Chart.defaults.scales.linear.suggestedMin = 0;
// Don't display legend by default
Chart.defaults.plugins.legend.display = false;
// Disable tooltip hover animations