Changed chart color scheme

This commit is contained in:
Zakary Timson 2018-11-16 12:34:56 -05:00
parent 5f97bf627e
commit 781d6c3f42
2 changed files with 7 additions and 14 deletions

View File

@ -7,7 +7,7 @@
<div class="w-100 mb-5" style="min-height: 400px">
<ngx-charts-area-chart #chart1
[results]="batteryService.percentageData"
[scheme]="airScheme"
[scheme]="scheme"
[yAxis]="true"
[yScaleMin]="0"
[yScaleMax]="100"
@ -19,10 +19,10 @@
<div class="w-100 pt-5" style="min-height: 400px">
<ngx-charts-area-chart #chart2
[results]="batteryService.temperatureData"
[scheme]="airScheme"
[scheme]="scheme"
[yAxis]="true"
[yScaleMin]="0"
[yScaleMax]="100"
[yScaleMax]="80"
legendTitle="Temperature"
[legend]="!app.mobile"
[roundDomains]="true"

View File

@ -11,18 +11,11 @@ export class BatteryComponent implements OnInit {
@ViewChild('chart1') chart1: BarVerticalComponent;
@ViewChild('chart2') chart2: BarVerticalComponent;
airScheme = {
name: 'air',
scheme = {
name: 'cool',
selectable: true,
group: 'Continuous',
domain: ['#e1f5fe', '#b3e5fc', '#81d4fa', '#4fc3f7', '#29b6f6', '#03a9f4', '#039be5', '#0288d1', '#0277bd', '#01579b']
};
fireScheme = {
name: 'flame',
selectable: true,
group: 'Continuous',
domain: ['#00deff', '#3db0ff', '#a274d7', '#c42576', '#9f0000']
group: 'Ordinal',
domain: ['#a8385d', '#7aa3e5', '#a27ea8', '#aae3f5', '#adcded', '#a95963', '#8796c0', '#7ed3ed', '#50abcc', '#ad6886']
};
constructor(public app: AppComponent, public batteryService: BatteryService) { }