mirror of
https://github.com/gosticks/DefinitelyTyped.git
synced 2026-10-03 22:37:03 +00:00
Merge pull request #12819 from danzel/types-2.0-react-easy-chart
Add react-easy-chart (0.1.12)
This commit is contained in:
Nathan Shively-Sanders
Vendored
+277
@@ -0,0 +1,277 @@
|
||||
// Type definitions for react-easy-chart v0.1.12
|
||||
// Project: https://github.com/rma-consulting/react-easy-chart
|
||||
// Definitions by: Dave Leaver <https://github.com/danzel>
|
||||
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
|
||||
|
||||
/// <reference types="react" />
|
||||
|
||||
declare module "react-easy-chart" {
|
||||
|
||||
interface BarData {
|
||||
x: number | Date | string;
|
||||
y: number;
|
||||
color?: string
|
||||
}
|
||||
interface BarChartProps {
|
||||
/** Whether to show axis labels */
|
||||
axes?: boolean;
|
||||
|
||||
/** Labels for each of the axis */
|
||||
axisLabels?: { x?: string, y?: string, y2?: string };
|
||||
|
||||
/** The width of an individual bar in pixels */
|
||||
barWidth?: number;
|
||||
|
||||
clickHandler?: (data: BarData, mouseEvent: MouseEvent) => any;
|
||||
|
||||
/** Whether to automatically color the bars */
|
||||
colorBars?: boolean;
|
||||
|
||||
data: Array<BarData>;
|
||||
|
||||
/** A d3 time formatting pattern to be applied to format the x axis values */
|
||||
datePattern?: string;
|
||||
|
||||
/** Whether to show horizontal grid lines on the chart */
|
||||
grid?: boolean;
|
||||
|
||||
/** Height of the chart in pixels */
|
||||
height?: number;
|
||||
|
||||
/** Interpolation method if you add a line to this chart (via lineData) */
|
||||
interpolate?: string;
|
||||
|
||||
lineData?: Array<LineData>;
|
||||
|
||||
/** css margins */
|
||||
margin?: { top?: number, right?: number, bottom?: number, left?: number };
|
||||
|
||||
mouseMoveHandler?: (data: BarData, mouseEvent: MouseEvent) => any;
|
||||
|
||||
mouseOutHandler?: (data: BarData, mouseEvent: MouseEvent) => any;
|
||||
|
||||
mouseOverHandler?: (data: BarData, mouseEvent: MouseEvent) => any;
|
||||
|
||||
/** The d3 time format to be used for the x axis (when xType is 'time') */
|
||||
tickTimeDisplayFormat?: string;
|
||||
|
||||
/** Width of the chart in pixels */
|
||||
width?: number;
|
||||
|
||||
/** The range that the x axis should show (otherwise automatically calculated) */
|
||||
xDomainRange?: Array<number> | Array<Date> | Array<string>;
|
||||
|
||||
/** The amount of ticks to be shown on the x axis */
|
||||
xTickNumber?: number;
|
||||
|
||||
/** What data type the x axis is */
|
||||
xType?: 'time' | 'text' | 'linear';
|
||||
|
||||
/** What data type the second y axis is */
|
||||
y2Type?: 'time' | 'text' | 'linear';
|
||||
|
||||
/** Whether to show the axis on the right (default false: left) */
|
||||
yAxisOrientRight?: boolean;
|
||||
|
||||
/** The range that the y axis should show (otherwise automatically calculated) */
|
||||
yDomainRange?: Array<number>;
|
||||
|
||||
/** The amount of ticks to be shown on the y axis */
|
||||
yTickNumber?: number;
|
||||
}
|
||||
class BarChart extends React.Component<BarChartProps, {}> {
|
||||
}
|
||||
|
||||
interface PieData {
|
||||
key: string;
|
||||
value: number;
|
||||
color?: string;
|
||||
}
|
||||
interface PieChartProps {
|
||||
clickHandler?: (data: PieData, mouseEvent: MouseEvent) => any;
|
||||
|
||||
data: Array<{ key: string, value: number, color?: string }>;
|
||||
|
||||
/** Size in pixels of the inner hole (diameter) */
|
||||
innerHoleSize?: number;
|
||||
|
||||
/** Whether to add labels the to pie segments */
|
||||
labels?: boolean;
|
||||
|
||||
mouseMoveHandler?: (data: PieData, mouseEvent: MouseEvent) => any;
|
||||
|
||||
mouseOutHandler?: (data: PieData, mouseEvent: MouseEvent) => any;
|
||||
|
||||
mouseOverHandler?: (data: PieData, mouseEvent: MouseEvent) => any;
|
||||
|
||||
/** Padding around the chart in pixels */
|
||||
padding?: number;
|
||||
|
||||
/** Size in pixels in each dimension */
|
||||
size?: number;
|
||||
|
||||
styles?: { [cssSelector: string]: React.CSSProperties };
|
||||
}
|
||||
class PieChart extends React.Component<PieChartProps, {}> {
|
||||
}
|
||||
|
||||
interface LineData {
|
||||
x: number | Date | string;
|
||||
y: number | Date | string;
|
||||
}
|
||||
interface LineChartProps {
|
||||
/** Whether to show axis labels */
|
||||
axes?: boolean;
|
||||
|
||||
/** Labels for each of the axis */
|
||||
axisLabels?: { x?: string, y?: string };
|
||||
|
||||
clickHandler?: (data: LineData, mouseEvent: MouseEvent) => any;
|
||||
|
||||
data: Array<Array<LineData>>;
|
||||
|
||||
/** Whether to show circles on the data points */
|
||||
dataPoints?: boolean;
|
||||
|
||||
/** Whether to show horizontal grid lines on the chart */
|
||||
grid?: boolean;
|
||||
|
||||
/** Height of the chart in pixels */
|
||||
height?: number;
|
||||
|
||||
/** Smoothing option for the lines */
|
||||
interpolate?: 'linear' | 'linear-closed' | 'step' | 'step-before' | 'step-after' | 'basis' | 'basis-open' | 'basis-closed' | 'bundle' | 'cardinal' | 'cardinal-open' | 'cardinal-closed' | 'monotone';
|
||||
|
||||
lineColors?: Array<string>;
|
||||
|
||||
/** css margins */
|
||||
margin?: { top?: number, right?: number, bottom?: number, left?: number };
|
||||
|
||||
mouseMoveHandler?: (data: LineData, mouseEvent: MouseEvent) => any;
|
||||
|
||||
mouseOutHandler?: (data: LineData, mouseEvent: MouseEvent) => any;
|
||||
|
||||
mouseOverHandler?: (data: LineData, mouseEvent: MouseEvent) => any;
|
||||
|
||||
/** The d3 time format to be used for the x axis (when xType is 'time') */
|
||||
tickTimeDisplayFormat?: string;
|
||||
|
||||
/** Whether to show vertical grid lines on the chart */
|
||||
verticalGrid?: boolean;
|
||||
|
||||
/** Width of the chart in pixels */
|
||||
width?: number;
|
||||
|
||||
/** The range that the x axis should show (otherwise automatically calculated) */
|
||||
xDomainRange?: Array<number> | Array<Date> | Array<string>;
|
||||
|
||||
/** The amount of ticks to be shown on the x axis */
|
||||
xTicks?: number;
|
||||
|
||||
/** What data type the x axis is */
|
||||
xType?: 'time' | 'text' | 'linear';
|
||||
|
||||
/** Whether to show the axis on the right (default false: left) */
|
||||
yAxisOrientRight?: boolean;
|
||||
|
||||
/** The range that the y axis should show (otherwise automatically calculated) */
|
||||
yDomainRange?: Array<number> | Array<string>;
|
||||
|
||||
/** The amount of ticks to be shown on the y axis */
|
||||
yTicks?: number;
|
||||
|
||||
/** What data type the x axis is */
|
||||
yType?: 'time' | 'text' | 'linear';
|
||||
}
|
||||
class LineChart extends React.Component<LineChartProps, {}> {
|
||||
}
|
||||
|
||||
interface AreaChartProps extends LineChartProps {
|
||||
/** Make the gradient area a solid fill rather than a gradient */
|
||||
noAreaGradient?: boolean;
|
||||
}
|
||||
class AreaChart extends React.Component<AreaChartProps, {}> {
|
||||
}
|
||||
|
||||
interface ScatterplotData {
|
||||
type: string | number;
|
||||
x: number | Date | string;
|
||||
y: number | Date | string;
|
||||
z?: number;
|
||||
}
|
||||
interface ScatterplotChartProps {
|
||||
/** Whether to show axis labels */
|
||||
axes?: boolean;
|
||||
|
||||
/** Labels for each of the axis */
|
||||
axisLabels?: { x?: string, y?: string };
|
||||
|
||||
clickHandler?: (data: ScatterplotData, mouseEvent: MouseEvent) => any;
|
||||
|
||||
/** Allows styling of individual types of points */
|
||||
config?: Array<{ type: string, color: string, stroke: string }>;
|
||||
|
||||
data: Array<ScatterplotData>;
|
||||
|
||||
/** Radius of the dots on the chart */
|
||||
dotRadius?: number;
|
||||
|
||||
/** Whether to show horizontal grid lines on the chart */
|
||||
grid?: boolean;
|
||||
|
||||
/** Height of the chart in pixels */
|
||||
height?: number;
|
||||
|
||||
/** css margins */
|
||||
margin?: { top?: number, right?: number, bottom?: number, left?: number };
|
||||
|
||||
mouseMoveHandler?: (data: ScatterplotData, mouseEvent: MouseEvent) => any;
|
||||
|
||||
mouseOutHandler?: (data: ScatterplotData, mouseEvent: MouseEvent) => any;
|
||||
|
||||
mouseOverHandler?: (data: ScatterplotData, mouseEvent: MouseEvent) => any;
|
||||
|
||||
/** Whether to show vertical grid lines on the chart */
|
||||
verticalGrid?: boolean;
|
||||
|
||||
/** Width of the chart in pixels */
|
||||
width?: number;
|
||||
|
||||
/** The range that the x axis should show (otherwise automatically calculated) */
|
||||
xDomainRange?: Array<number> | Array<Date> | Array<string>;
|
||||
|
||||
/** What data type the x axis is */
|
||||
xType?: 'time' | 'text' | 'linear';
|
||||
|
||||
/** Whether to show the axis on the right (default false: left) */
|
||||
yAxisOrientRight?: boolean;
|
||||
|
||||
/** The range that the y axis should show (otherwise automatically calculated) */
|
||||
yDomainRange?: Array<number> | Array<Date> | Array<string>;
|
||||
|
||||
/** What data type the x axis is */
|
||||
yType?: 'time' | 'text' | 'linear';
|
||||
}
|
||||
class ScatterplotChart extends React.Component<ScatterplotChartProps, {}> {
|
||||
}
|
||||
|
||||
interface LegendProps {
|
||||
/** Override the color of the items */
|
||||
config?: Array<{ color: string }>;
|
||||
|
||||
data: Array<any>;
|
||||
|
||||
dataId: string;
|
||||
|
||||
/** change list items to inline-block (default block) */
|
||||
horizontal?: boolean;
|
||||
|
||||
/** Override the css styles of individual components, see http://rma-consulting.github.io/react-easy-chart/legend/index.html */
|
||||
styles?: { [cssSelector: string]: React.CSSProperties };
|
||||
}
|
||||
class Legend extends React.Component<LegendProps, {}> {
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,20 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"module": "commonjs",
|
||||
"target": "es6",
|
||||
"noImplicitAny": true,
|
||||
"strictNullChecks": false,
|
||||
"baseUrl": "../",
|
||||
"jsx": "react",
|
||||
"typeRoots": [
|
||||
"../"
|
||||
],
|
||||
"types": ["react"],
|
||||
"noEmit": true,
|
||||
"forceConsistentCasingInFileNames": true
|
||||
},
|
||||
"files": [
|
||||
"index.d.ts",
|
||||
"react-easy-chart-tests.tsx"
|
||||
]
|
||||
}
|
||||
Reference in New Issue
Block a user