Changed chart color scheme
This commit is contained in:
parent
5f97bf627e
commit
781d6c3f42
@ -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"
|
||||
|
@ -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) { }
|
||||
|
Loading…
Reference in New Issue
Block a user