64 lines
2.0 KiB
TypeScript
64 lines
2.0 KiB
TypeScript
// Type definitions for react-chartjs-2 2.0
|
|
// Project: https://github.com/jerairrest/react-chartjs-2
|
|
// Definitions by: Alexandre Paré <https://github.com/apare>
|
|
// Fabien Lavocat <https://github.com/FabienLavocat>
|
|
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
|
|
// TypeScript Version: 2.3
|
|
|
|
import * as React from "react";
|
|
import * as chartjs from "chart.js";
|
|
|
|
export type ChartDataFunction<T extends chartjs.ChartData> = (
|
|
element: HTMLElement
|
|
) => T;
|
|
export type ChartData<T extends chartjs.ChartData> = ChartDataFunction<T> | T;
|
|
|
|
export interface ChartComponentProps {
|
|
data: ChartData<chartjs.ChartData>;
|
|
type?: chartjs.ChartType;
|
|
getDatasetAtEvent?(e: any): void;
|
|
getElementAtEvent?(e: any): void;
|
|
getElementsAtEvent?(e: any): void;
|
|
height?: number;
|
|
legend?: chartjs.ChartLegendOptions;
|
|
onElementsClick?(e: any): void; // alias for getElementsAtEvent (backward compatibility)
|
|
options?: chartjs.ChartOptions;
|
|
plugins?: object[];
|
|
redraw?: boolean;
|
|
width?: number;
|
|
datasetKeyProvider?: (any: any) => any;
|
|
}
|
|
|
|
export interface LinearComponentProps extends ChartComponentProps {
|
|
data: ChartData<chartjs.ChartData>;
|
|
}
|
|
|
|
export default class ChartComponent<
|
|
P extends ChartComponentProps
|
|
> extends React.Component<P, {}> {
|
|
chartInstance: chartjs;
|
|
}
|
|
|
|
export class Doughnut extends ChartComponent<ChartComponentProps> {}
|
|
|
|
export class Pie extends ChartComponent<ChartComponentProps> {}
|
|
|
|
export class Line extends ChartComponent<LinearComponentProps> {}
|
|
|
|
export class Scatter extends ChartComponent<ChartComponentProps> {}
|
|
|
|
export class Bar extends ChartComponent<LinearComponentProps> {}
|
|
|
|
export class HorizontalBar extends ChartComponent<ChartComponentProps> {}
|
|
|
|
export class Radar extends ChartComponent<ChartComponentProps> {}
|
|
|
|
export class Polar extends ChartComponent<ChartComponentProps> {}
|
|
|
|
export class Bubble extends ChartComponent<ChartComponentProps> {}
|
|
|
|
export var defaults: {
|
|
global: chartjs.ChartOptions & chartjs.ChartFontOptions;
|
|
[key: string]: any;
|
|
};
|