Frame type

27 Feb 2018 / 2 minutes to read

Full circle

Full circle frame allows the pivot gauge to display in a circular shape. The frame type can be set by using the frameType property. By default, the frame type is “fullCircle”.

html

<template>
  <div>
    <ej-pivot-gauge id="pivotGauge"  e-frame.bind= "frame">
    </ej-pivot-gauge>
  </div>
</template>

javascript

export class BasicUse {
       constructor() {
          this.frame = { frameType = 'fullcircle' };
    }
 }

Half circle

The half circle frame allows the pivot gauge to display in a semi-circular shape. For this, the frame type should be set as “halfCircle” within the frameType property and should set the startAngle and sweepAngle for the pivot gauge in the scales property.

html

<template>
  <div>
    <ej-pivot-gauge id="pivotGauge"  e-frame.bind= "frame" e-scales.bind="scales">
    </ej-pivot-gauge>
  </div>
</template>

javascript

export class BasicUse {
       constructor() {
          this.frame = { frameType = 'halfcircle',
          halfCircleFrameStartAngle: 180, halfCircleFrameEndAngle: 360 };

          this.scales = { //...
          startAngle: 180, sweepAngle: 180,
          //... }
    }
 }