Skip to main content

Class: Viewer<TSettings>

dg.Viewer

Represents a viewer. See also https://datagrok.ai/help/develop/how-to/manipulate-viewers

Use Viewer to control the viewers. To develop a custom viewer, {@see JsViewer}.

Example

let view = grok.shell.addTableView(grok.data.demo.demog());
view.scatterPlot({
x: 'height',
y: 'weight',
size: 'age',
color: 'race',
});

Type parameters

NameType
TSettingsany

Hierarchy

Constructors

constructor

new Viewer<TSettings>(dart, root?)

Constructs

Viewer

Type parameters

NameType
TSettingsany

Parameters

NameType
dartany
root?HTMLElement

Overrides

Widget.constructor

Defined in

src/viewer.ts:73

Properties

_meta

Private _meta: undefined | ViewerMetaHelper

Defined in

src/viewer.ts:69


_properties

Protected _properties: Property[]

Inherited from

Widget._properties

Defined in

src/widgets.ts:178


_root

Protected _root: HTMLElement

Inherited from

Widget._root

Defined in

src/widgets.ts:177


dart

dart: any

Inherited from

Widget.dart

Defined in

src/widgets.ts:181


factory

factory: null | Func = null

Constructor function. No parameters, returns [Widget].

Inherited from

Widget.factory

Defined in

src/widgets.ts:175


filter

filter: BitSet

Defined in

src/viewer.ts:70


isDetached

isDetached: boolean = false

Inherited from

Widget.isDetached

Defined in

src/widgets.ts:182


props

props: TSettings & ObjectPropertyBag

Inherited from

Widget.props

Defined in

src/widgets.ts:179


subs

subs: Subscription[]

Inherited from

Widget.subs

Defined in

src/widgets.ts:180


tags

tags: any

Defined in

src/viewer.ts:68


temp

temp: any

Contains auxiliary information

Inherited from

Widget.temp

Defined in

src/widgets.ts:172

Accessors

dataFrame

get dataFrame(): DataFrame

Returns

DataFrame

Defined in

src/viewer.ts:175

set dataFrame(t): void

Parameters

NameType
tDataFrame

Returns

void

Defined in

src/viewer.ts:179


helpUrl

get helpUrl(): string

Returns

string

Defined in

src/viewer.ts:183

set helpUrl(s): void

Parameters

NameType
sstring

Returns

void

Defined in

src/viewer.ts:187


meta

get meta(): ViewerMetaHelper

Returns

ViewerMetaHelper

Defined in

src/viewer.ts:148


onContextMenu

get onContextMenu(): Observable<Menu>

Returns

Observable<Menu>

Defined in

src/viewer.ts:284


onDartPropertyChanged

get onDartPropertyChanged(): Observable<null>

Returns

Observable<null>

Defined in

src/viewer.ts:310


onDataEvent

get onDataEvent(): Observable<ViewerEvent>

Returns

Observable<ViewerEvent>

Defined in

src/viewer.ts:78


onDataHovered

get onDataHovered(): Observable<ViewerEvent>

Returns

Observable<ViewerEvent>

Defined in

src/viewer.ts:79


onDataRowClicked

get onDataRowClicked(): Observable<ViewerEvent>

Returns

Observable<ViewerEvent>

Defined in

src/viewer.ts:82


onDataSelected

get onDataSelected(): Observable<ViewerEvent>

Returns

Observable<ViewerEvent>

Defined in

src/viewer.ts:80


root

get root(): HTMLElement

Visual root.

Returns

HTMLElement

Overrides

Widget.root

Defined in

src/viewer.ts:144


table

get table(): DataFrame

Returns

DataFrame

Defined in

src/viewer.ts:160


tableView

get tableView(): null | TableView

Returns a view this viewer is associated with, or null

Returns

null | TableView

Defined in

src/viewer.ts:170


type

get type(): string

Returns viewer type (see VIEWER constants)

Returns

string

Overrides

Widget.type

Defined in

src/viewer.ts:156


view

get view(): null | View

Returns a view this viewer is associated with, or null

Returns

null | View

Defined in

src/viewer.ts:165

Methods

addProperty

Private addProperty(propertyName, propertyType, defaultValue?, options?): any

Registers an property with the specified type, name, and defaultValue. Registered property gets added to {@see properties}. Returns default value, thus allowing to combine registering a property with the initialization

Parameters

NameTypeDefault value
propertyNamestringundefined
propertyType"string" | "bigint" | "object" | "map" | "file" | "view" | "element" | "int" | "double" | "bool" | "byte_array" | "datetime" | "qnum" | "dataframe" | "num" | "string_list" | "dataframe_list" | "cell" | "column" | "column_list" | "graphics" | "tablerowfiltercall" | "colfiltercall" | "bitset" | "dynamic" | "viewer" | "list" | "semantic_value" | "func" | "funccall" | "property" | "categorical" | "numerical" | "GridCellRenderArgs" | "TableView" | "User" | "Menu" | "Project" | "event_data" | "progressindicator" | "Credentials" | "ScriptEnvironment" | "Notebook"undefined
defaultValueanynull
optionsnull | { [key: string]: any; } & PropertyOptionsnull

Returns

any

Inherited from

Widget.addProperty

Defined in

src/widgets.ts:280


apply

apply(properties): Widget<any>

Parameters

NameType
propertiesobject

Returns

Widget<any>

Inherited from

Widget.apply

Defined in

src/widgets.ts:230


close

close(): void

Closes and detaches the viewer.

Returns

void

Defined in

src/viewer.ts:138


copyViewersLook

copyViewersLook(other): void

Parameters

NameType
otherViewer<any>

Returns

void

Defined in

src/viewer.ts:324


detach

detach(): void

Gets called when a widget is detached and will no longer be used. Typically used for unsubscribing from events. Be sure to call super.detach() if this method is overridden.

Returns

void

Inherited from

Widget.detach

Defined in

src/widgets.ts:264


getDartProperties

getDartProperties(): any[]

Returns

any[]

Inherited from

Widget.getDartProperties

Defined in

src/widgets.ts:246


getInfo

getInfo(): Object

Returns

Object

Defined in

src/viewer.ts:129


getOptions

getOptions(includeDefaults?): Object

Gets the serialized viewer options. [includeDefaults] flag specifies whether the properties with the default values should be returned. Not including default properties makes it more clean and efficient for serialization purposes.

See also setOptions Sample: https://public.datagrok.ai/js/samples/ui/viewers/types/scatter-plot

Parameters

NameTypeDefault value
includeDefaultsbooleanfalse

Returns

Object

NameType
idstring
look{ [key: string]: any; }
typestring

Defined in

src/viewer.ts:125


getProperties

getProperties(): Property[]

Returns

Property[]

Overrides

Widget.getProperties

Defined in

src/viewer.ts:133


initDartObject

initDartObject(dart): void

Parameters

NameType
dartany

Returns

void

Defined in

src/viewer.ts:84


onEvent

onEvent(eventId?): Observable<any>

Observes platform events with the specified eventId.

Parameters

NameTypeDefault value
eventIdnull | stringnull

Returns

Observable<any>

Defined in

src/viewer.ts:289


onFrameAttached

onFrameAttached(dataFrame): void

Parameters

NameType
dataFrameDataFrame

Returns

void

Inherited from

Widget.onFrameAttached

Defined in

src/widgets.ts:252


onPropertyChanged

onPropertyChanged(property): void

Gets called when viewer's property is changed.

Parameters

NameTypeDescription
propertynull | Propertyor null, if multiple properties were changed.

Returns

void

Inherited from

Widget.onPropertyChanged

Defined in

src/widgets.ts:244


removeFromView

removeFromView(): any

Returns

any

Defined in

src/viewer.ts:328


setOptions

setOptions(map): void

Sets viewer options. See also getOptions Sample: https://public.datagrok.ai/js/samples/ui/viewers/types/scatter-plot

Parameters

NameType
mapObject
map.type?string

Returns

void

Defined in

src/viewer.ts:113


sourceRowsChanged

sourceRowsChanged(): void

Returns

void

Inherited from

Widget.sourceRowsChanged

Defined in

src/widgets.ts:250


sub

sub(subscription): void

Registers a subscription to an external event.

Parameters

NameType
subscriptionSubscription

Returns

void

Inherited from

Widget.sub

Defined in

src/widgets.ts:223


toCompactLook

toCompactLook(): void

Returns

void

Defined in

src/viewer.ts:306


toDart

toDart(): any

Returns

any

Inherited from

Widget.toDart

Defined in

src/widgets.ts:215


barChart

Static barChart(t, options?): Viewer<IBarChartLookSettings>

Parameters

NameTypeDefault value
tDataFrameundefined
optionsnull | objectnull

Returns

Viewer<IBarChartLookSettings>

Defined in

src/viewer.ts:199


boxPlot

Static boxPlot(t, options?): Viewer<IBoxPlotLookSettings>

Parameters

NameTypeDefault value
tDataFrameundefined
optionsnull | objectnull

Returns

Viewer<IBoxPlotLookSettings>

Defined in

src/viewer.ts:207


calendar

Static calendar(t, options?): Viewer<ICalendarLookSettings>

Parameters

NameTypeDefault value
tDataFrameundefined
optionsnull | objectnull

Returns

Viewer<ICalendarLookSettings>

Defined in

src/viewer.ts:227


correlationPlot

Static correlationPlot(t, options?): Viewer<ICorrelationPlotLookSettings>

Parameters

NameTypeDefault value
tDataFrameundefined
optionsnull | objectnull

Returns

Viewer<ICorrelationPlotLookSettings>

Defined in

src/viewer.ts:231


densityPlot

Static densityPlot(t, options?): Viewer<IDensityPlotLookSettings>

Parameters

NameTypeDefault value
tDataFrameundefined
optionsnull | objectnull

Returns

Viewer<IDensityPlotLookSettings>

Defined in

src/viewer.ts:235


filters

Static filters(t, options?): Viewer<IFiltersLookSettings>

Parameters

NameTypeDefault value
tDataFrameundefined
optionsnull | objectnull

Returns

Viewer<IFiltersLookSettings>

Defined in

src/viewer.ts:211


find

Static find(root): null | Widget<any>

Finds existing widget from its visual root.

Parameters

NameType
rootElement

Returns

null | Widget<any>

Inherited from

Widget.find

Defined in

src/widgets.ts:211


form

Static form(t, options?): Viewer<IFormLookSettings>

Parameters

NameTypeDefault value
tDataFrameundefined
optionsnull | objectnull

Returns

Viewer<IFormLookSettings>

Defined in

src/viewer.ts:239


fromRoot

Static fromRoot(root): Widget<any>

Creates a new widget from the root element.

Parameters

NameType
rootHTMLElement

Returns

Widget<any>

Inherited from

Widget.fromRoot

Defined in

src/widgets.ts:303


fromType

Static fromType(viewerType, table, options?): Viewer<any>

Creates a new viewer of the specified type.

Parameters

NameTypeDefault value
viewerTypestringundefined
tableDataFrameundefined
optionsnull | objectnull

Returns

Viewer<any>

Defined in

src/viewer.ts:100


getAll

Static getAll(): Widget<any>[]

Returns all currently active widgets.

Returns

Widget<any>[]

Inherited from

Widget.getAll

Defined in

src/widgets.ts:206


getViewerTypes

Static getViewerTypes(): string[]

Returns

string[]

Defined in

src/viewer.ts:104


grid

Static grid(t, options?): Grid

Parameters

NameTypeDefault value
tDataFrameundefined
optionsnull | objectnull

Returns

Grid

Defined in

src/viewer.ts:191


heatMap

Static heatMap(t, options?): Viewer<IGridLookSettings>

Parameters

NameTypeDefault value
tDataFrameundefined
optionsnull | objectnull

Returns

Viewer<IGridLookSettings>

Defined in

src/viewer.ts:203


histogram

Static histogram(t, options?): Viewer<IHistogramLookSettings>

Parameters

NameTypeDefault value
tDataFrameundefined
optionsnull | objectnull

Returns

Viewer<IHistogramLookSettings>

Defined in

src/viewer.ts:195


lineChart

Static lineChart(t, options?): Viewer<ILineChartLookSettings>

Parameters

NameTypeDefault value
tDataFrameundefined
optionsnull | objectnull

Returns

Viewer<ILineChartLookSettings>

Defined in

src/viewer.ts:219


markup

Static markup(t, options?): Viewer<IMarkupViewerLookSettings>

Parameters

NameTypeDefault value
tDataFrameundefined
optionsnull | objectnull

Returns

Viewer<IMarkupViewerLookSettings>

Defined in

src/viewer.ts:243


matrixPlot

Static matrixPlot(t, options?): Viewer<IMatrixPlotLookSettings>

Parameters

NameTypeDefault value
tDataFrameundefined
optionsnull | objectnull

Returns

Viewer<IMatrixPlotLookSettings>

Defined in

src/viewer.ts:247


network

Static network(t, options?): Viewer<INetworkDiagramLookSettings>

Parameters

NameTypeDefault value
tDataFrameundefined
optionsnull | objectnull

Returns

Viewer<INetworkDiagramLookSettings>

Defined in

src/viewer.ts:223


pcPlot

Static pcPlot(t, options?): Viewer<IPcPlotLookSettings>

Parameters

NameTypeDefault value
tDataFrameundefined
optionsnull | objectnull

Returns

Viewer<IPcPlotLookSettings>

Defined in

src/viewer.ts:251


pieChart

Static pieChart(t, options?): Viewer<IPieChartLookSettings>

Parameters

NameTypeDefault value
tDataFrameundefined
optionsnull | objectnull

Returns

Viewer<IPieChartLookSettings>

Defined in

src/viewer.ts:255


scatterPlot

Static scatterPlot(t, options?): ScatterPlotViewer

Parameters

NameTypeDefault value
tDataFrameundefined
optionsnull | objectnull

Returns

ScatterPlotViewer

Defined in

src/viewer.ts:215


scatterPlot3d

Static scatterPlot3d(t, options?): Viewer<IScatterPlot3dLookSettings>

Parameters

NameTypeDefault value
tDataFrameundefined
optionsnull | objectnull

Returns

Viewer<IScatterPlot3dLookSettings>

Defined in

src/viewer.ts:259


statistics

Static statistics(t, options?): Viewer<IStatsViewerLookSettings>

Parameters

NameTypeDefault value
tDataFrameundefined
optionsnull | objectnull

Returns

Viewer<IStatsViewerLookSettings>

Defined in

src/viewer.ts:263


tile

Static tile(t, options?): Viewer<ITileViewerLookSettings>

Parameters

NameTypeDefault value
tDataFrameundefined
optionsnull | objectnull

Returns

Viewer<ITileViewerLookSettings>

Defined in

src/viewer.ts:267


treeMap

Static treeMap(t, options?): Viewer<ITreeMapLookSettings>

Parameters

NameTypeDefault value
tDataFrameundefined
optionsnull | objectnull

Returns

Viewer<ITreeMapLookSettings>

Defined in

src/viewer.ts:271


trellisPlot

Static trellisPlot(t, options?): Viewer<ITrellisPlotLookSettings>

Parameters

NameTypeDefault value
tDataFrameundefined
optionsnull | objectnull

Returns

Viewer<ITrellisPlotLookSettings>

Defined in

src/viewer.ts:275


wordCloud

Static wordCloud(t, options?): Viewer<any>

Deprecated

Parameters

NameTypeDefault value
tDataFrameundefined
optionsnull | objectnull

Returns

Viewer<any>

Defined in

src/viewer.ts:280