UNPKG

synapse-react-client

Version:

[![npm version](https://badge.fury.io/js/synapse-react-client.svg)](https://badge.fury.io/js/synapse-react-client) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettie

32 lines 1.33 kB
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