fybdp-d3-kg/dist/src/Heatmap/HeatmapSeries/HeatmapSeries.d.ts

Knowledge Graph using React and D3.js

import { Component, ReactElement } from 'react';
import { HeatmapCell, HeatmapCellProps } from './HeatmapCell';
import { ColorSchemeType } from '../../common/color';
import { ChartInternalNestedDataShape } from '../../common/data';
export interface HeatmapSeriesProps {
    /**
     * Padding between cells.
     */
    padding: number;
    /**
     * Id set by `Heatmap`.
     */
    id: string;
    /**
     * Parsed data set by `Heatmap`.
     */
    data: ChartInternalNestedDataShape[];
    /**
     * D3 scale for X Axis. Set internally by `Heatmap`.
     */
    xScale: any;
    /**
     * D3 scale for Y Axis. Set internally by `Heatmap`.
     */
    yScale: any;
    /**
     * Color scheme for the chart.
     */
    colorScheme: ColorSchemeType;
    /**
     * Color for the empty cell of the chart.
     */
    emptyColor: string;
    /**
     * Whether the chart is animated or not.
     */
    animated: boolean;
    /**
     * Cell component that will be rendered.
     */
    cell: ReactElement<HeatmapCellProps, typeof HeatmapCell>;
}
export declare class HeatmapSeries extends Component<HeatmapSeriesProps> {
    static defaultProps: Partial<HeatmapSeriesProps>;
    getValueScale: (this: any, data: any, colorScheme: any, emptyColor: any) => (point: any) => any;
    renderCell({ row, cell, rowIndex, cellIndex, valueScale, width, height, cellCount }: {
        row: any;
        cell: any;
        rowIndex: any;
        cellIndex: any;
        valueScale: any;
        width: any;
        height: any;
        cellCount: any;
    }): JSX.Element;
    render(): JSX.Element;
}