VAHub Front End Trellising Plot Component

Plot component (<trellising-plot>) shows plot of a particular type.
A type of chart the component will show is specified in the property 'plotType' of 'plot' input parameter.

Possible plot type values are listed in the 'PlotType' enum in /src/app/common/trellising/store/ITrellising.ts. See table with illustrations of plot types below.

A particular plot's 'plotType' property is set on the front end side after getting plot data from the server. Each plugin tab has its own class responsible for getting plot data located in /src/app/data directory (see 'Fetching Data from Back End' section on Trellising component page). You may check getPlotData() method of any of these classes to get the idea. E.g for class 'AesBarChartHttpService' you may see the following code in getPlotData() method:

this.http.post(path, data)
    .map((response) => {
        ...
        return {
            plotType: PlotType.STACKED_BARCHART,
            ...
        };
    })

Each plot type is rendered by a specific component with the help of Highcharts library. Plot-type-specific components can be found in the directory /src/app/common/trellising/grid/plot/plottypes, with subdirectories named after plot type.

Plot type	Example tab / Illustration
BARLINECHART	Adverse Events -> AEs Over Time
BOXPLOT	Respiratory -> Lung Function Measurements Over Time
CHORD	Adverse Events -> AEs Chord Diagram
COLUMNRANGE	Tumour Response -> Prior therapy vs. Time on compound (Beta)
ERRORPLOT	Labs -> Shift Plot
GROUPED_BARCHART	Adverse Events -> CI Event Counts
HEATMAP	Oncogenic Biomarkers -> Genomic Profile
JOINEDRANGEPLOT	Single Subject -> Renal
LINECHART	Respiratory -> Exacerbations Onset
RANGEPLOT	Single Subject -> Vitals
SCATTERPLOT	Liver Function -> Hy's Law
SIMPLE_LINEPLOT	Tumour Response -> TL diameters over time (Beta)
STACKED_BARCHART	Population Summary -> Summary Plot
WATERFALL	Tumour Response -> Waterfall plot (Beta)

See also

• Trellising Component