feat(maturity): add style support for radar chart

phodal · May 8, 2020 · aba278f · aba278f
1 parent 0bcd449
commit aba278f
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 7 deletions.
diff --git a/projects/ledge-render/src/lib/chart/ledge-radar/ledge-radar.component.html b/projects/ledge-render/src/lib/chart/ledge-radar/ledge-radar.component.html
@@ -1,3 +1,3 @@
-<div class="ledge-radar chart" #chart>
+<div class="ledge-radar chart" #chart [ngStyle]="styles">
 
 </div>
diff --git a/projects/ledge-render/src/lib/chart/ledge-radar/ledge-radar.component.ts b/projects/ledge-render/src/lib/chart/ledge-radar/ledge-radar.component.ts
@@ -2,18 +2,17 @@ import { AfterViewInit, Component, ElementRef, Input, OnChanges, OnInit, SimpleC
 import * as echarts from 'echarts';
 import LedgeChartConverter from '../../components/model/ledge-chart-converter';
 import { LedgeListItem } from '../../components/model/ledge-chart.model';
+import { NgStyle } from '@angular/common';
 
 @Component({
  selector: 'ledge-radar',
  templateUrl: './ledge-radar.component.html',
  styleUrls: ['./ledge-radar.component.scss'],
 })
 export class LedgeRadarComponent implements OnInit, OnChanges, AfterViewInit {
- @Input()
- data: LedgeListItem[];
-
- @Input()
- config: any;
+ @Input() data: LedgeListItem[];
+ @Input() styles: NgStyle;
+ @Input() config: any;
 
  @ViewChild('chart', {static: false}) chart: ElementRef;
 

diff --git a/projects/ledge-render/src/lib/components/ledge-maturity/ledge-maturity.component.html b/projects/ledge-render/src/lib/components/ledge-maturity/ledge-maturity.component.html
@@ -1,6 +1,6 @@
 <div class="ledge-maturity">
  <div class="left" *ngIf="chartData">
- <ledge-radar [data]="chartData" [config]="config"></ledge-radar>
+ <ledge-radar [styles]="{width: '640px', height: '640px'}" [data]="chartData" [config]="config"></ledge-radar>
  </div>
 
  <div class="right" *ngIf="ratingData">