reactts-gauge-chart
Version:
Gauge charts library for react. Easily used and fully customizable. Powered by Chart.js.
40 lines • 1.7 kB
TypeScript
export interface GaugeChartProps {
needleCurrentValue?: number;
dataUnit?: string;
minValue?: number;
maxValue?: number;
veryLowLimit?: number;
lowLimit?: number;
highLimit?: number;
veryHighLimit?: number;
veryLowColor?: string;
lowColor?: string;
goodColor?: string;
highColor?: string;
veryHighColor?: string;
borderVeryLowColor?: string;
borderLowColor?: string;
borderGoodColor?: string;
borderHighColor?: string;
borderVeryHighColor?: string;
needleBorderColor?: string;
needleFillColor?: string;
needleWidth?: number;
meterFont?: string;
meterColor?: string;
labelFont?: string;
labelColor?: string;
aspectRatio?: number;
paddingTop?: number;
paddingBottom?: number;
paddingLeft?: number;
paddingRight?: number;
arcBorderWidth?: number;
arcBorderColor?: string;
datasetBorderWidth?: number;
cutout?: string;
canvasWidth?: number;
animationsEnabled?: boolean;
}
export default function GaugeChart({ needleCurrentValue, dataUnit, minValue, maxValue, veryLowLimit, lowLimit, highLimit, veryHighLimit, veryLowColor, lowColor, goodColor, highColor, veryHighColor, borderVeryLowColor, borderLowColor, borderGoodColor, borderHighColor, borderVeryHighColor, needleBorderColor, needleFillColor, needleWidth, meterFont, meterColor, labelFont, labelColor, aspectRatio, paddingTop, paddingBottom, paddingLeft, paddingRight, arcBorderWidth, arcBorderColor, datasetBorderWidth, cutout, canvasWidth, animationsEnabled }: GaugeChartProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=GaugeChart.d.ts.map