changing dashboard styles
This commit is contained in:
parent
8c833d4d57
commit
1b783a6a27
@ -36,7 +36,8 @@ export const ChartCardView = styled.article`
|
|||||||
color: #254F7F;
|
color: #254F7F;
|
||||||
p {
|
p {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
text-decoration: underline;
|
color: #018A8A;
|
||||||
|
margin-left: 5px
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -51,7 +51,9 @@ export function GrossAnualChart({ title, subtitle, dataProps, label, dataset, ba
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
y: {
|
y: {
|
||||||
stacked: true,
|
stacked: false,
|
||||||
|
min: 0,
|
||||||
|
max: 1100,
|
||||||
grid: {
|
grid: {
|
||||||
display: false
|
display: false
|
||||||
},
|
},
|
||||||
@ -82,14 +84,14 @@ export function GrossAnualChart({ title, subtitle, dataProps, label, dataset, ba
|
|||||||
},
|
},
|
||||||
display: true,
|
display: true,
|
||||||
anchor: "end",
|
anchor: "end",
|
||||||
offset: !miniature? 0 : -5,
|
offset: !miniature? 0 : -60,
|
||||||
align: "start",
|
align: "start",
|
||||||
font: {
|
font: {
|
||||||
weight: 'bold',
|
weight: 'bold',
|
||||||
size: !miniature? window.innerWidth/70 : window.innerWidth/90,
|
size: !miniature? window.innerWidth/70 : window.innerWidth/90,
|
||||||
},
|
},
|
||||||
color: (value) => {
|
color: (value) => {
|
||||||
return value.dataset.label==='Consolidada'? '#fff' : '#255488'
|
return value.dataset.label==='Consolidada'? '#000' : '#000'
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
legend: {
|
legend: {
|
||||||
@ -109,6 +111,8 @@ export function GrossAnualChart({ title, subtitle, dataProps, label, dataset, ba
|
|||||||
labels = label
|
labels = label
|
||||||
}
|
}
|
||||||
|
|
||||||
|
console.log(dataProps)
|
||||||
|
|
||||||
const data: any = {
|
const data: any = {
|
||||||
labels,
|
labels,
|
||||||
datasets: [
|
datasets: [
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user