chart-render
Version:
<div style="display:flex;align-items:center;margin-bottom:24px"> <img src="https://img.alicdn.com/tfs/TB17UtINiLaK1RjSZFxXXamPFXa-606-643.png" alt="logo" width="48px"/> <h4 style="font-size:30px;font-weight:600;display:inline-block;margin-left:12px">C
21 lines (20 loc) • 1.14 kB
TypeScript
import React from 'react';
import { AreaConfig } from '@ant-design/charts/es/Area';
import { LineConfig } from '@ant-design/charts/es/line';
import { DualAxesConfig } from '@ant-design/charts/es/dualAxes';
import { ICommonProps } from '../../utils/types';
export interface ILine extends ICommonProps, Omit<LineConfig, keyof ICommonProps | 'yField' | 'xField' | 'seriesField'> {
/**
* 以面积图展示,默认 `false`
* - 注意面积图默认堆叠展示,如不需要可以传入 `isStack={false}` 覆盖
* - 开启面积图后方可使用 `areaStyle` `startOnZero` `isPercent` 属性
*/
withArea?: boolean;
}
export interface IArea extends ICommonProps, Omit<AreaConfig, keyof ICommonProps | 'yField' | 'xField' | 'seriesField'> {
}
export interface IDualAxes extends ICommonProps, Omit<DualAxesConfig, keyof ICommonProps | 'yField' | 'xField' | 'seriesField'> {
}
export declare function generateConfig(meta: ICommonProps['meta'], data: ICommonProps['data']): AreaConfig | LineConfig | DualAxesConfig;
declare const CRLine: React.FC<ILine | IArea | IDualAxes>;
export default CRLine;