Pear-Trading/FoodLoop-Web
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Work on date picker function on bubble chart

Browse source
This commit is contained in:
Tom Slater 2019-08-14 09:49:18 +01:00
parent c206a394d2
commit d550bf5e12
11 changed files with 139 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/app/panels/org-pie-panel.component.html
View file

@ -1,9 +1,22 @@
<div class="card">
<div class="card-block">
<div class="row">
<div class="col-12">
<div class="col-7">
<h4 class="card-title mb-0">All Purchases by Type</h4>
</div>
<div class="col-sm-5 hidden-sm-down">
<div class="btn-toolbar float-right" role="toolbar" aria-label="Toolbar with button groups">
<div class="btn-group mr-3" data-toggle="buttons" aria-label="First group">
<select>
<option value="Day">Day</option>
<option value="Week">Week</option>
<option value="Month">Month</option>
<option value="Year">Year</option>
<option value="All Time">All Time</option>
</select>
</div>
</div>
</div>
</div>
<div class="chart-wrapper">
<canvas baseChart class="chart"

2
src/app/panels/org-pie-panel.component.ts
View file

@ -43,6 +43,8 @@ export class OrgPiePanel implements OnInit {
'orange',
'blue'
]
},
{ borderWidth: [10]
}
];

15
src/app/panels/pie-panel.component.html
View file

@ -1,9 +1,22 @@
<div class="card">
<div class="card-block">
<div class="row">
<div class="col-12">
<div class="col-7">
<h4 class="card-title mb-0">All Purchases by Category</h4>
</div>
<div class="col-sm-5 hidden-sm-down">
<div class="btn-toolbar float-right" role="toolbar" aria-label="Toolbar with button groups">
<div class="btn-group mr-3" data-toggle="buttons" aria-label="First group">
<select>
<option value="Day">Day</option>
<option value="Week">Week</option>
<option value="Month">Month</option>
<option value="Year">Year</option>
<option value="All Time">All Time</option>
</select>
</div>
</div>
</div>
</div>
<div class="chart-wrapper">
<canvas baseChart class="chart"

10
src/app/panels/pie-panel.component.ts
View file

@ -18,9 +18,9 @@ export class PiePanel implements OnInit {
public doughnutChartLabelsLocal: string[] = [];
public doughnutChartColors: any[] = [
{ backgroundColor: [
'red',
'#ffa1b5',
'green',
'blue',
'#52afed',
'purple',
'yellow',
'brown',
@ -28,8 +28,8 @@ export class PiePanel implements OnInit {
'cyan',
'orange',
'pink'
]
},
]
},
{ borderColor:[
'red',
'green',
@ -42,6 +42,8 @@ export class PiePanel implements OnInit {
'orange',
'pink'
]
},
{ borderWidth: [10]
}
];