@alicloud/cloud-charts
Version:

43 lines (42 loc) • 1.15 kB
TypeScript
import React from 'react';
import { Status } from '../common/types';
import { customFormatterConfig } from '../common/common';
import './index.scss';
interface IDataWgauge {
current: number;
label?: string;
}
export interface IWgaugeProps {
data: IDataWgauge;
config: WgaugeProps;
}
interface WgaugeProps extends customFormatterConfig {
min?: number;
max?: number;
colors?: string | Array<[number | 'max', Status | string]>;
className?: string;
outRing?: boolean;
fontColorFit?: boolean;
strokeWidth?: number;
decorationGap?: number;
decorationStrokeWidth?: number;
gaugeScale?: boolean | {
scaleNum?: number;
scale?: boolean;
};
angle?: {
start?: number;
end?: number;
};
renderText?: string;
customStyles?: {
valueStyle?: React.CSSProperties;
textStyle?: React.CSSProperties;
unitStyle?: React.CSSProperties;
gaugeTextStyle?: React.CSSProperties;
gaugeLineStyle?: React.CSSProperties;
scaleLineLength?: number;
};
}
declare const Wgauge: React.FC<IWgaugeProps>;
export default Wgauge;