import { Component } from
"@angular/core"
;
@Component({
selector:
"app-root"
,
templateUrl:
"./app.component.html"
,
styleUrls: [
"./app.component.scss"
]
})
export class AppComponent {
title =
"GFG"
;
basicData = {
labels: [
"Sunday"
,
"Monday"
,
"Tuesday"
,
"Wednesday"
,
"Thursday"
,
"Friday"
,
"Saturday"
],
datasets: [
{
label:
"Orders on Swiggy"
,
backgroundColor:
"lightgreen"
,
data: [66, 49, 81, 71, 26, 65, 60]
},
{
label:
"Orders on Zomato"
,
backgroundColor:
"pink"
,
data: [56, 69, 89, 61, 36, 75, 50]
},
{
label:
"Orders on Uber Eats"
,
backgroundColor:
"gold"
,
data: [52, 59, 99, 71, 46, 85, 30]
},
{
label:
"Orders on Licious"
,
backgroundColor:
"skyblue"
,
data: [56, 52, 69, 81, 43, 55, 40]
}
]
};
StackedOptions = {
plugins: {
legend: {
labels: {
color:
"#black"
}
}
},
scales: {
x: {
stacked:
true
,
ticks: {
color:
"#black"
},
grid: {
color:
"rgba(255,255,255,0.2)"
}
},
y: {
stacked:
true
,
ticks: {
color:
"#black"
},
grid: {
color:
"rgba(255,255,255,0.2)"
}
}
}
};
}