Chart Labels and clean up

Added axis labels and cleaned up charts a little.
This commit is contained in:
Tom Slater 2019-08-07 16:21:40 +01:00
parent 3248caed07
commit 7ee0b64351
7 changed files with 96 additions and 32 deletions

View file

@ -85,9 +85,18 @@ export class MoreStuffComponent implements OnInit {
type: 'time',
time: {
unit: 'month'
},
scaleLabel:{
display:true,
labelString:'Date'
}
}],
yAxes: []
yAxes: [{
scaleLabel: {
display:true,
labelString:'Number of purchases'
}
}]
},
tooltips: {
callbacks: {
@ -133,7 +142,7 @@ export class MoreStuffComponent implements OnInit {
public yearSpendChartData: any[] = [
{
data: [],
label: ["Value"],
label: ["Value £"],
fill: false,
borderColor: 'red',
hoverBackgroundColor: '#ffa1b5',
@ -157,6 +166,10 @@ export class MoreStuffComponent implements OnInit {
type: 'time',
time: {
unit: 'month'
},
scaleLabel: {
display:true,
labelString: 'Date'
}
}],
yAxes: [
@ -238,8 +251,18 @@ export class MoreStuffComponent implements OnInit {
//maintainAspectRatio: false,
responsive: true,
scales: {
xAxes: [],
yAxes: []
xAxes: [{
scaleLabel: {
display:true,
labelString: 'Spend amount £'
}
}],
yAxes: [{
scaleLabel: {
display:true,
labelString: 'Supplier Names'
}
}]
},
};
public supplierMonthChartLabels: string[] = [];