@alicloud/cloud-charts
Version:
42 lines (41 loc) • 1.42 kB
TypeScript
import * as React from 'react';
import { Status, Trend } from '../common/types';
import './index.scss';
export interface WcircleProps {
className?: string;
style?: React.CSSProperties;
type?: 'circle' | 'gauge';
title?: React.ReactNode;
unit?: React.ReactNode;
trend?: Trend;
percent?: number;
status?: Status | string;
radius?: number;
strokeWidth?: number;
color?: string;
backgroundColor?: string;
linecap?: 'round' | 'butt';
bottomTitle?: React.ReactNode;
bottomUnit?: React.ReactNode;
bottomNumber?: React.ReactNode;
bottomTrend?: Trend;
}
export default class Wcircle extends React.Component<WcircleProps> {
static displayName: string;
static defaultProps: {
type: string;
title: string;
percent: number;
unit: string;
status: string;
radius: number;
strokeWidth: number;
linecap: string;
};
constructor(props: WcircleProps);
renderBottom(bottomTitle: React.ReactNode, bottomUnit: React.ReactNode, bottomNumber: React.ReactNode, bottomTrend: string): JSX.Element;
renderMain({ title, unit, children, trend, type, percent, radius, strokeWidth, status, color: customColor, backgroundColor, bottomTitle, bottomUnit, bottomNumber, bottomTrend, linecap, }: WcircleProps & {
children?: React.ReactNode;
}): JSX.Element;
render(): JSX.Element;
}