banana/definma-ui
2
Fork 0
Code Releases Activity

changed graph type to bar and color to bosch dark blue

Browse Source
This commit is contained in:
Ruben Hartenstein (PEA4-Fe) 2021-01-18 13:22:42 +01:00
parent b65f1126fc
commit 80664740a8
1 changed files with 26 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/app/home/home.component.ts
View File

@ -116,24 +116,14 @@ export class HomeComponent implements OnInit {
async initChart() {
const data = await this.getData();
const canvas = document.getElementById('myChart') as HTMLCanvasElement;
const width = canvas.clientWidth;
const height = canvas.clientHeight;
const ctx = canvas.getContext('2d');
var img = new Image(width, height);
img.src = "/assets/imgs/supergraphic.svg";
img.onload = () => {
const fillPattern = ctx.createPattern(img, 'no-repeat');
this.myChart = new Chart("myChart", {
type: 'line',
type: 'bar',
data: {
labels: data.names,
datasets: [{
label: 'Number of samples per group',
data: data.count,
backgroundColor: fillPattern,
backgroundColor: 'rgba(0, 86, 145, 1)',
pointRadius: 4,
pointHoverRadius: 7
}]
@ -150,4 +140,3 @@ export class HomeComponent implements OnInit {
});
}
}
}