@gpa-gemstone/react-graph
Version:
Interactive UI Components for GPA products
47 lines (46 loc) • 1.09 kB
TypeScript
import { AxisIdentifier } from './GraphContext';
export interface IBarProps {
/**
* Array of data points to be represented by bar, each point as a [x, y1, y2, ...yn] tuple.
*/
Data: number[];
/**
* Origin of the Bar on the X-Axis
*/
BarOrigin: number;
/**
* Width of the bar
*/
BarWidth: number;
/**
* Identifier for the axis the bars are associated with.
* @type {AxisIdentifier}
*/
Axis?: AxisIdentifier;
/**
* Legend text for the bar.
*/
Legend?: string;
/**
* Reference point of data, if the x data represents the left side, center, or right side of the bar.
*/
XBarOrigin?: 'left' | 'right' | 'center';
/**
* Opacity of the bars.
*/
Opacity?: number;
/**
* Color of the bars.
*/
Color: string;
/**
* Stroke color of the bars.
*/
StrokeColor?: string;
/**
* Stroke width of the bars.
*/
StrokeWidth?: number;
}
export declare const StackedBar: (props: IBarProps) => JSX.Element;
export default StackedBar;