mirror of
https://github.com/gosticks/DefinitelyTyped.git
synced 2025-10-16 12:05:41 +00:00
111 lines
3.5 KiB
TypeScript
111 lines
3.5 KiB
TypeScript
// Type definitions for d3Kit v3.1.2
|
|
// Project: https://github.com/twitter/d3kit
|
|
// Definitions by: Morgan Benton <https://github.com/morphatic>
|
|
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
|
|
|
|
/// <reference types="d3" />
|
|
|
|
export as namespace d3kit;
|
|
|
|
export class AbstractChart {
|
|
container: Element;
|
|
constructor(selector: string|Element, options?: ChartOptions);
|
|
static getDefaultOptions(): ChartOptions;
|
|
static getCustomEventNames(): string[];
|
|
setupDispatcher(customEventNames?: string[]): void;
|
|
getCustomEventNames(): string[];
|
|
getInnerWidth(): number;
|
|
getInnerHeight(): number;
|
|
width(value: number): this;
|
|
width(): number;
|
|
height(value: number): this;
|
|
height(): number;
|
|
dimension(dimensions: [number, number]): this;
|
|
dimension(): [number, number];
|
|
data(data: any): this;
|
|
data(): any;
|
|
margin(margins: ChartMargin): this;
|
|
margin(): ChartMargin;
|
|
offset(offset: [number, number]): this;
|
|
offset(): [number, number];
|
|
options(options: ChartOptions): this;
|
|
options(): ChartOptions;
|
|
updateDimensionNow(): this;
|
|
hasData(): boolean;
|
|
hasNonZeroArea(): boolean;
|
|
fit(fitOptions: FitOptions, watchOptions?: WatchOptions): this;
|
|
stopFitWatcher(): this;
|
|
on(name: string, listener: () => void): this;
|
|
off(name: string): this;
|
|
destroy(): void;
|
|
}
|
|
|
|
export interface ChartMargin {
|
|
top?: number;
|
|
right?: number;
|
|
bottom?: number;
|
|
left?: number;
|
|
}
|
|
|
|
export interface ChartOptions {
|
|
initialWidth?: number;
|
|
initialHeight?: number;
|
|
margin?: ChartMargin;
|
|
offset?: [number, number];
|
|
pixelRatio?: number;
|
|
}
|
|
|
|
// from https://github.com/kristw/slimfit
|
|
export interface FitOptions {
|
|
mode?: string;
|
|
width?: string|number;
|
|
height?: string|number;
|
|
ratio?: number;
|
|
maxWidth?: string|number;
|
|
maxHeight?: string|number;
|
|
}
|
|
|
|
// from https://github.com/kristw/slimfit
|
|
export interface WatchOptions {
|
|
mode?: string;
|
|
target?: any; // lazy
|
|
interval?: number;
|
|
}
|
|
|
|
export class SvgChart extends AbstractChart {
|
|
svg: d3.Selection<d3.BaseType, any, d3.BaseType, any>;
|
|
rootG: d3.Selection<d3.BaseType, any, d3.BaseType, any>;
|
|
layers: LayerOrganizer;
|
|
constructor(selector: string|Element, options?: ChartOptions);
|
|
}
|
|
|
|
export class CanvasChart extends AbstractChart {
|
|
constructor(selector: string|Element, options?: ChartOptions);
|
|
static getDefaultOptions(): ChartOptions;
|
|
getContext2d(): CanvasRenderingContext2D;
|
|
clear(): this;
|
|
}
|
|
|
|
export class LayerOrganizer {
|
|
constructor(container: d3.Selection<d3.BaseType, any, d3.BaseType, any>, defaultTag?: string);
|
|
create(layerNames: string|string[]|LayerConfig|LayerConfig[]): d3.Selection<d3.BaseType, any, d3.BaseType, any>|Array<d3.Selection<d3.BaseType, any, d3.BaseType, any>>;
|
|
get(name: string): d3.Selection<d3.BaseType, any, d3.BaseType, any>;
|
|
has(name: string): boolean;
|
|
}
|
|
|
|
export interface LayerConfig {
|
|
[layerName: string]: string|string[]|LayerConfig|LayerConfig[];
|
|
}
|
|
|
|
export namespace helper {
|
|
function debounce(fn: (...args: any[]) => void, delay: number): (...args: any[]) => void;
|
|
function deepExtend(dest: any, ...args: any[]): any;
|
|
function extend(dest: any, ...args: any[]): any;
|
|
function functor(value: any): (...args: any[]) => any;
|
|
function rebind(target: any, source: any): any;
|
|
function isFunction(value: any): boolean;
|
|
function isObject(value: any): boolean;
|
|
function kebabCase(str: string): string;
|
|
function throttle(fn: (...args: any[]) => void, delay: number): (...args: any[]) => void;
|
|
}
|