Skip to content

Function: gaugeLayout()

ts
function gaugeLayout(opts): {
  bg: Ring;
  needle: {
     x: number[];
     y: number[];
  };
  value: Ring;
};

Defined in: charts/gauge.ts:66

Compute the gauge geometry: a full background sector, a value sector clamped to [min,max], and a thin needle triangle from the center to the value angle. Angles sweep from startAngle to endAngle (degrees). Side-effect-free.

Parameters

ParameterType
optsGaugeLayoutOptions

Returns

ts
{
  bg: Ring;
  needle: {
     x: number[];
     y: number[];
  };
  value: Ring;
}

bg

ts
bg: Ring;

needle

ts
needle: {
  x: number[];
  y: number[];
};

needle.x

ts
x: number[];

needle.y

ts
y: number[];

value

ts
value: Ring;

MIT licensed. WebGL2 required.