synapse-react-client
Version:
[](https://badge.fury.io/js/synapse-react-client) [](https://github.com/prettier/prettie
32 lines • 1.33 kB
TypeScript
import React from 'react';
import { FacetColumnRequest, QueryFilter } from '@sage-bionetworks/synapse-types';
import Plotly, { AxisType, PlotType } from 'plotly.js-basic-dist';
import { QueryContextType } from '../QueryContext';
import { QueryWrapperSynapsePlotRowClickEvent } from '../QueryWrapperPlotNav/QueryWrapperSynapsePlot';
import './SynapsePlot.scss';
export type SynapsePlotWidgetParams = {
query: string;
title?: string;
xtitle?: Plotly.LayoutAxis['title'];
ytitle?: Plotly.LayoutAxis['title'];
type: PlotType;
xaxistype?: AxisType;
showlegend?: Plotly.Layout['showlegend'];
horizontal?: boolean;
barmode?: Plotly.Layout['barmode'];
displayModeBar?: Plotly.Config['displayModeBar'];
hoverinfo?: Plotly.PlotData['hoverinfo'];
};
export type QueryWrapperPlotNavCustomPlotParams = {
selectedFacets: FacetColumnRequest[];
additionalFilters: QueryFilter[];
onCustomPlotClick?: (event: QueryWrapperSynapsePlotRowClickEvent) => void;
queryContext?: QueryContextType;
};
export type SynapsePlotProps = {
synapsePlotWidgetParams: SynapsePlotWidgetParams;
customPlotParams?: QueryWrapperPlotNavCustomPlotParams;
};
export declare const SynapsePlot: (props: SynapsePlotProps) => React.ReactNode;
export default SynapsePlot;
//# sourceMappingURL=SynapsePlot.d.ts.map