Frame Type

Full Circle

Full Circle frame lets the PivotGauge display in circular shape. Frame type can be set using the frameType. By default, the frame type is “fullcircle”.

  • html
    • <ej-pivotgauge [frame]="frame" >
</ej-pivotgauge>
  • ts
    • //..

export class PivotGaugeComponent {
public scales;
    constructor() {
        //..
        this.frame = { frameType: "fullcircle" }
    }
}

    Half Circle

    Half Circle frame lets the PivotGauge to display in semi-circular shape. For this, frame type needs to be set as “halfcircle” within the frameType property and need to set startAngle and sweepAngle for the PivotGauge in the scales property.

  • html
    • <ej-pivotgauge [frame]="frame"  [scales]="scales">
</ej-pivotgauge>
  • ts
    • //..

export class PivotGaugeComponent {
public scales;
    constructor() {
        //..
        this.frame = { 
            frameType: 'halfcircle',
            halfCircleFrameStartAngle: 180, 
            halfCircleFrameEndAngle: 360
        };
        this.scales: [{
            //..
            startAngle: 180, 
            sweepAngle: 180
            //..
        }];
    }
}