mirror of
https://github.com/grafana/grafana.git
synced 2025-07-30 12:22:15 +08:00

* trying out api-extractor. * works with our setup of build. * wip. * changed the packages so it works better with the api-extractor. * Changes to make the api-extractor to work. * cleaned up the api-extractor config files. * added some more documentation. * added tsdoc-metadata to gitignore. * removed the generated docs (will do that in another PR). * added execute permission to script for generating dosc. * added so we will push generated docs to branch. * will clean packages_api on abort. * Fixed failing tests. * fixed formatting issue with typedoc comment. * temporarily disabled tslint rules about namespace until https://github.com/microsoft/rushstack/issues/1029 is resolved * temporary enabled bable namespaces. * updated build script. * updated script. * updated script with some colors. * changed to camelCase. * removed spacing. * Starting to add documentation guidelines. * added examples headline. * added menu options. * added parameters and return values. * Fixed merge error. * Added first version of auto-generated docs. * changed so we use the eslint ignore syntax. * changed to correct eslint ingnore comment. * fixed some spelling errors reported by codespell. * added script to generate docs in current folder. * updated api docs. * lerna bootstrap. * added eror to the ingore words list. * removed file that should be ignored. * updated locKFILE. * referenced the code comments guidelines. * updated packages. * updated deps. * updated the autogenerated dosc. * adding missing new line.
6.0 KiB
6.0 KiB
+++
-----------------------------------------------------------------------
Do not edit this file. It is automatically generated by API Documenter.
-----------------------------------------------------------------------
title = "Graph" keywords = ["grafana","documentation","sdk","@grafana/ui"] type = "docs" draft = true +++
Graph class
Signature
export declare class Graph extends PureComponent<GraphProps, GraphState>
Import
import { Graph } from '@grafana/ui';
Properties
Property | Modifiers | Type | Description |
---|---|---|---|
$element | any |
||
defaultProps | static |
{ showLines: boolean; showPoints: boolean; showBars: boolean; isStacked: boolean; lineWidth: number; } |
|
element | HTMLElement | null |
||
getBarWidth | () => number |
||
onPlotClick | (event: JQueryEventObject, contextPos: FlotPosition, item?: FlotItem<GraphSeriesXY> | undefined) => void |
||
onPlotHover | (event: JQueryEventObject, pos: FlotPosition, item?: FlotItem<GraphSeriesXY> | undefined) => void |
||
onPlotSelected | (event: JQueryEventObject, ranges: { xaxis: { from: number; to: number; }; }) => void |
||
renderContextMenu | () => JSX.Element | null |
||
renderTooltip | () => React.ReactElement<TooltipProps, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null |
||
state | GraphState |
Methods
Method | Modifiers | Description |
---|---|---|
componentDidMount() | ||
componentDidUpdate(prevProps, prevState) | ||
componentWillUnmount() | ||
draw() | ||
getYAxes(series) | ||
render() |
$element property
Signature
$element: any;
defaultProps property
Signature
static defaultProps: {
showLines: boolean;
showPoints: boolean;
showBars: boolean;
isStacked: boolean;
lineWidth: number;
};
element property
Signature
element: HTMLElement | null;
getBarWidth property
Signature
getBarWidth: () => number;
onPlotClick property
Signature
onPlotClick: (event: JQueryEventObject, contextPos: FlotPosition, item?: FlotItem<GraphSeriesXY> | undefined) => void;
onPlotHover property
Signature
onPlotHover: (event: JQueryEventObject, pos: FlotPosition, item?: FlotItem<GraphSeriesXY> | undefined) => void;
onPlotSelected property
Signature
onPlotSelected: (event: JQueryEventObject, ranges: {
xaxis: {
from: number;
to: number;
};
}) => void;
renderContextMenu property
Signature
renderContextMenu: () => JSX.Element | null;
renderTooltip property
Signature
renderTooltip: () => React.ReactElement<TooltipProps, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null;
state property
Signature
state: GraphState;
componentDidMount method
Signature
componentDidMount(): void;
Returns:
void
componentDidUpdate method
Signature
componentDidUpdate(prevProps: GraphProps, prevState: GraphState): void;
Parameters
Parameter | Type | Description |
---|---|---|
prevProps | GraphProps |
|
prevState | GraphState |
Returns:
void
componentWillUnmount method
Signature
componentWillUnmount(): void;
Returns:
void
draw method
Signature
draw(): void;
Returns:
void
getYAxes method
Signature
getYAxes(series: GraphSeriesXY[]): {
show: boolean;
index: number;
position: string;
min: import("@grafana/data").DecimalCount;
tickDecimals: import("@grafana/data").DecimalCount;
}[] | {
show: boolean;
min: number;
max: number;
}[];
Parameters
Parameter | Type | Description |
---|---|---|
series | GraphSeriesXY[] |
Returns:
{ show: boolean; index: number; position: string; min: import("@grafana/data").DecimalCount; tickDecimals: import("@grafana/data").DecimalCount; }[] | { show: boolean; min: number; max: number; }[]
render method
Signature
render(): JSX.Element;
Returns:
JSX.Element