JsViewer

Subclass JsViewer to implement a DataFrame-bound Datagrok viewer in JavaScript. See an example on github: https://github.com/datagrok-ai/labs/tree/master/packages/Leaflet

Extends

• Viewer

Constructors

new JsViewer()

new JsViewer(): JsViewer

Returns

JsViewer

Overrides

Viewer . constructor

Constructs

JsViewer

Source

src/viewer.ts:384

Properties

Property	Modifier	Type	Default value	Description	Overrides	Inherited from
_functions	protected	Func[]	[]	-	Viewer._functions	Viewer._functions
_properties	protected	Property[]	[]	-	Viewer._properties	Viewer._properties
_root	protected	HTMLElement	undefined	-	Viewer._root	Viewer._root
dart	public	any	undefined	-	Viewer.dart	Viewer.dart
factory	public	null | Func	null	Constructor function. No parameters, returns [Widget].	Viewer.factory	Viewer.factory
formulaFilter	public	undefined | string	undefined	-	-	-
isDetached	public	boolean	false	-	Viewer.isDetached	Viewer.isDetached
obs	public	Observable<any>[]	undefined	-	-	-
props	public	ObjectPropertyBag	undefined	-	Viewer.props	Viewer.props
rowSource	public	undefined | string	undefined	-	-	-
subs	public	Subscription[]	undefined	-	Viewer.subs	Viewer.subs
tags	public	any	undefined	-	Viewer.tags	Viewer.tags
temp	public	any	undefined	Contains auxiliary information	Viewer.temp	Viewer.temp
CORE_VIEWER_TYPES	static	string[]	...	-	Viewer.CORE_VIEWER_TYPES	Viewer.CORE_VIEWER_TYPES

Accessors

children

get children(): Widget<any>[]

Parent widget up the DOM tree, or null.

Returns

Widget<any>[]

Source

src/widgets.ts:293

---

dataFrame

get dataFrame(): DataFrame

set dataFrame(t): void

Parameters

Parameter	Type
t	DataFrame

Returns

DataFrame

Source

src/viewer.ts:203

---

descriptor

get descriptor(): WidgetDescriptor

Descriptor of this widget.

Returns

WidgetDescriptor

Source

src/viewer.ts:98

---

filter

get filter(): BitSet

combined filter of the viewer

set filter(f): void

Parameters

Parameter	Type
f	BitSet

Returns

BitSet

Source

src/viewer.ts:90

---

helpUrl

get helpUrl(): string

Help URL

set helpUrl(s): void

Parameters

Parameter	Type
s	string

Returns

string

Source

src/viewer.ts:207

---

meta

get meta(): ViewerMetaHelper

Returns

ViewerMetaHelper

Source

src/viewer.ts:176

---

onContextMenu

get onContextMenu(): Observable <Menu>

Returns

Observable <Menu>

Source

src/viewer.ts:303

---

onDartPropertyChanged

get onDartPropertyChanged(): Observable<null>

Returns

Observable<null>

Source

src/viewer.ts:329

---

onDataEvent

get onDataEvent(): Observable <ViewerEvent>

Returns

Observable <ViewerEvent>

Source

src/viewer.ts:100

---

onDataRowClicked

get onDataRowClicked(): Observable <ViewerEvent>

Returns

Observable <ViewerEvent>

Source

src/viewer.ts:104

---

onDataSelected

get onDataSelected(): Observable <ViewerEvent>

Returns

Observable <ViewerEvent>

Source

src/viewer.ts:102

---

onDetached

get onDetached(): Observable<any>

Occurs when viewer is detached.

Returns

Observable<any>

Source

src/viewer.ts:344

---

onPropertyValueChanged

get onPropertyValueChanged(): Observable <EventData <Property>>

Returns

Observable <EventData <Property>>

Source

src/viewer.ts:105

---

onTooltipCreated

get onTooltipCreated(): Observable <ViewerEvent>

Returns

Observable <ViewerEvent>

Source

src/viewer.ts:101

---

parent

get parent(): null | Widget<any>

Parent widget up the DOM tree, or null.

Returns

null | Widget<any>

Source

src/widgets.ts:290

---

root

get root(): HTMLElement

Visual root.

set root(r): void

Parameters

Parameter	Type
r	HTMLElement

Returns

HTMLElement

Source

src/viewer.ts:418

---

table

get table(): DataFrame

Returns

DataFrame

Source

src/viewer.ts:188

---

tableView

get tableView(): null | TableView

Returns a view this viewer is associated with, or null

Returns

null | TableView

Source

src/viewer.ts:198

---

type

get type(): string

Returns viewer type (see VIEWER constants)

Returns

string

Source

src/viewer.ts:184

---

view

get view(): null | View

Returns a view this viewer is associated with, or null

Returns

null | View

Source

src/viewer.ts:193

Methods

_obs()

protected _obs(observable): Observable<any>

Parameters

Parameter	Type
observable	Observable<any>

Returns

Observable<any>

Source

src/viewer.ts:445

---

addProperty()

private addProperty(propertyName, propertyType, defaultValue, options): any

Registers an property with the specified type, name, and defaultValue.

Parameters

Parameter	Type	Default value	Description
propertyName	string	undefined
propertyType	"string" | "bigint" | "object" | "map" | "file" | "view" | "blob" | "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" | "element" | "TableView" | "User" | "Menu" | "Project" | "event_data" | "progressindicator" | "Credentials" | "ScriptEnvironment" | "Notebook"	undefined
defaultValue	any	null
options	null | object & IProperty	null

Returns

any

Inherited from

Viewer . addProperty

See

Registered property gets added to properties. Returns default value, thus allowing to combine registering a property with the initialization

Source

src/widgets.ts:318

---

addRowSourceAndFormula()

addRowSourceAndFormula(): void

Returns

void

Source

src/viewer.ts:401

---

apply()

apply(properties): Widget<any>

Parameters

Parameter	Type	Description
properties	object

Returns

Widget<any>

Inherited from

Viewer . apply

Source

src/widgets.ts:257

---

bool()

protected bool(propertyName, defaultValue, options): boolean

Registers a boolean property with the specified name and defaultValue

Parameters

Parameter	Type	Default value
propertyName	string	undefined
defaultValue	null | boolean	null
options	null | object & IProperty	null

Returns

boolean

Source

src/viewer.ts:487

---

choices()

protected choices<T>(propertyname, defaultValue, choices, options): T

Type parameters

Type parameter
T extends string

Parameters

Parameter	Type	Default value
propertyname	string	undefined
defaultValue	T	undefined
choices	T[]	undefined
options	null | object & IProperty	null

Returns

T

Source

src/viewer.ts:475

---

close()

close(): void

Closes and detaches the viewer.

Returns

void

Inherited from

Viewer . close

Source

src/viewer.ts:166

---

column()

protected column(dataPropertyName, options): string

Returns the column bound to the specified data property. Note that "ColumnName" suffix (this determines whether this is a data property) should be omitted.

Parameters

Parameter	Type	Default value
dataPropertyName	string	undefined
options	null | object & IProperty	null

Returns

string

Source

src/viewer.ts:452

---

columnList()

protected columnList(propertyName, defaultValue, options): string[]

Parameters

Parameter	Type	Default value
propertyName	string	undefined
defaultValue	null | string[]	null
options	null | object & IProperty	null

Returns

string[]

Source

src/viewer.ts:456

---

copyViewersLook()

copyViewersLook(other): void

Parameters

Parameter	Type
other	Viewer<any>

Returns

void

Inherited from

Viewer . copyViewersLook

Source

src/viewer.ts:346

---

dateTime()

protected dateTime(propertyName, defaultValue, options): Dayjs

Registers a datetime property with the specified name and defaultValue

Parameters

Parameter	Type	Default value
propertyName	string	undefined
defaultValue	null | Dayjs	null
options	null | object & IProperty	null

Returns

Dayjs

Source

src/viewer.ts:492

---

detach()

detach(): void

Gets called when this viewer is detached.

Returns

void

Overrides

Viewer . detach

Source

src/viewer.ts:425

---

float()

protected float(propertyName, defaultValue, options): number

Registers a floating point property with the specified name and defaultValue

Parameters

Parameter	Type	Default value
propertyName	string	undefined
defaultValue	null | number	null
options	null | object & IProperty	null

Returns

number

Source

src/viewer.ts:466

---

getDartProperties()

getDartProperties(): any[]

Returns

any[]

Inherited from

Viewer . getDartProperties

Source

src/widgets.ts:278

---

getFunctions()

getFunctions(): Func[]

Functions that are applicable to this particular widget. Used in the UI to display context actions, and for the AI integrations.

Returns

Func[]

Inherited from

Viewer . getFunctions

Source

src/widgets.ts:272

---

getInfo()

getInfo(): object

Returns

object

Inherited from

Viewer . getInfo

Source

src/viewer.ts:157

---

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

Parameter	Type	Default value
includeDefaults	boolean	false

Returns

object

Member	Type
id	string
look	object
type	string

Inherited from

Viewer . getOptions

Source

src/viewer.ts:153

---

getProperties()

getProperties(): Property[]

Returns all properties of this widget.

Returns

Property[]

Overrides

Viewer . getProperties

Source

src/viewer.ts:436

---

getProperty()

getProperty(name): undefined | Property

Gets property by name (case-sensitive).

Parameters

Parameter	Type	Description
name	string

Returns

undefined | Property

Source

src/viewer.ts:432

---

initDartObject()

initDartObject(dart): void

Parameters

Parameter	Type
dart	any

Returns

void

Inherited from

Viewer . initDartObject

Source

src/viewer.ts:107

---

int()

protected int(propertyName, defaultValue, options): number

Registers an integer property with the specified name and defaultValue

Parameters

Parameter	Type	Default value
propertyName	string	undefined
defaultValue	null | number	null
options	null | object & IProperty	null

Returns

number

Source

src/viewer.ts:461

---

onEvent()

onEvent(eventId): Observable<any>

Observes platform events with the specified eventId.

Parameters

Parameter	Type	Default value
eventId	null | string	null

Returns

Observable<any>

Inherited from

Viewer . onEvent

Source

src/viewer.ts:308

---

onFrameAttached()

onFrameAttached(dataFrame): void

Parameters

Parameter	Type
dataFrame	DataFrame

Returns

void

Overrides

Viewer . onFrameAttached

Source

src/viewer.ts:407

---

onPropertyChanged()

onPropertyChanged(property): void

Gets called when viewer's property is changed.

Parameters

Parameter	Type	Description
property	null | Property	or null, if multiple properties were changed.

Returns

void

Inherited from

Viewer . onPropertyChanged

Source

src/widgets.ts:276

---

onSourceRowsChanged()

onSourceRowsChanged(): void

Returns

void

Source

src/viewer.ts:416

---

onTableAttached()

onTableAttached(): void

Gets called when a table is attached to the viewer.

Returns

void

Source

src/viewer.ts:422

---

registerCleanup()

protected registerCleanup(cleanup): void

cleanup() will get called when the viewer is disposed

Parameters

Parameter	Type
cleanup	Function

Returns

void

Source

src/viewer.ts:441

---

removeFromView()

removeFromView(): any

Returns

any

Inherited from

Viewer . removeFromView

Source

src/viewer.ts:350

---

setOptions()

setOptions(map): void

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

Parameters

Parameter	Type	Description
map	object
map.type?	string	-

Returns

void

Inherited from

Viewer . setOptions

Source

src/viewer.ts:141

---

sourceRowsChanged()

sourceRowsChanged(): void

Returns

void

Overrides

Viewer . sourceRowsChanged

Source

src/viewer.ts:411

---

string()

protected string(propertyName, defaultValue, options): string

Registers a string property with the specified name and defaultValue

Parameters

Parameter	Type	Default value
propertyName	string	undefined
defaultValue	null | string	null
options	null | object & IProperty	null

Returns

string

Source

src/viewer.ts:471

---

stringList()

protected stringList(propertyName, defaultValue, options): string[]

Registers a string list property with the specified name and defaultValue

Parameters

Parameter	Type	Default value
propertyName	string	undefined
defaultValue	null | string[]	null
options	null | object & IProperty	null

Returns

string[]

Source

src/viewer.ts:482

---

sub()

sub(subscription): void

Registers a subscription to an external event.

Parameters

Parameter	Type	Description
subscription	Subscription

Returns

void

Inherited from

Viewer . sub

Source

src/widgets.ts:250

---

toCompactLook()

toCompactLook(): void

Returns

void

Inherited from

Viewer . toCompactLook

Source

src/viewer.ts:325

---

toDart()

toDart(): any

Returns

any

Inherited from

Viewer . toDart

Source

src/widgets.ts:242

---

barChart()

static barChart(t, options?): Viewer <IBarChartSettings>

Parameters

Parameter	Type
t	DataFrame
options?	Partial <IBarChartSettings>

Returns

Viewer <IBarChartSettings>

Inherited from

Viewer . barChart

Source

src/viewer.ts:218

---

boxPlot()

static boxPlot(t, options?): BoxPlot

Parameters

Parameter	Type
t	DataFrame
options?	Partial <IBoxPlotSettings>

Returns

BoxPlot

Inherited from

Viewer . boxPlot

Source

src/viewer.ts:226

---

calendar()

static calendar(t, options?): Viewer <ICalendarSettings>

Parameters

Parameter	Type
t	DataFrame
options?	Partial <ICalendarSettings>

Returns

Viewer <ICalendarSettings>

Inherited from

Viewer . calendar

Source

src/viewer.ts:246

---

canVisualize()

static canVisualize(viewerType, dataFrame): null | string

Parameters

Parameter	Type
viewerType	string
dataFrame	DataFrame

Returns

null | string

Inherited from

Viewer . canVisualize

Source

src/viewer.ts:354

---

correlationPlot()

static correlationPlot(t, options?): Viewer <ICorrelationPlotSettings>

Parameters

Parameter	Type
t	DataFrame
options?	Partial <ICorrelationPlotSettings>

Returns

Viewer <ICorrelationPlotSettings>

Inherited from

Viewer . correlationPlot

Source

src/viewer.ts:250

---

densityPlot()

static densityPlot(t, options?): Viewer <IDensityPlotSettings>

Parameters

Parameter	Type
t	DataFrame
options?	Partial <IDensityPlotSettings>

Returns

Viewer <IDensityPlotSettings>

Inherited from

Viewer . densityPlot

Source

src/viewer.ts:254

---

filters()

static filters(t, options?): Viewer <IFiltersSettings>

Parameters

Parameter	Type
t	DataFrame
options?	Partial <IFiltersSettings>

Returns

Viewer <IFiltersSettings>

Inherited from

Viewer . filters

Source

src/viewer.ts:230

---

find()

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

Finds existing widget from its visual root.

Parameters

Parameter	Type
root	Element

Returns

null | Widget<any>

Inherited from

Viewer . find

Source

src/widgets.ts:238

---

form()

static form(t, options?): Viewer <IFormSettings>

Parameters

Parameter	Type
t	DataFrame
options?	Partial <IFormSettings>

Returns

Viewer <IFormSettings>

Inherited from

Viewer . form

Source

src/viewer.ts:258

---

fromRoot()

static fromRoot(root): Widget<any>

Creates a new widget from the root element.

Parameters

Parameter	Type
root	HTMLElement

Returns

Widget<any>

Inherited from

Viewer . fromRoot

Source

src/widgets.ts:341

---

fromType()

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

Creates a new viewer of the specified type.

Parameters

Parameter	Type	Default value	Description
viewerType	string	undefined
table	DataFrame	undefined
options	null | object	null

Returns

Viewer<any>

Inherited from

Viewer . fromType

Source

src/viewer.ts:123

---

getAll()

static getAll(): Widget<any>[]

Returns all currently active widgets.

Returns

Widget<any>[]

Inherited from

Viewer . getAll

Source

src/widgets.ts:233

---

getViewerTypes()

static getViewerTypes(options?): string[]

Gets all available viewer types Core means the viewer is already loaded and all methods and properties are available synchronously.

Parameters

Parameter	Type
options?	object
options.core?	boolean

Returns

string[]

Inherited from

Viewer . getViewerTypes

Source

src/viewer.ts:130

---

grid()

static grid(t, options?): Grid

Parameters

Parameter	Type
t	DataFrame
options?	Partial <IGridSettings>

Returns

Grid

Inherited from

Viewer . grid

Source

src/viewer.ts:210

---

heatMap()

static heatMap(t, options?): Grid

Parameters

Parameter	Type
t	DataFrame
options?	Partial <IGridSettings>

Returns

Grid

Inherited from

Viewer . heatMap

Source

src/viewer.ts:222

---

histogram()

static histogram(t, options?): HistogramViewer

Parameters

Parameter	Type
t	DataFrame
options?	Partial <IHistogramSettings>

Returns

HistogramViewer

Inherited from

Viewer . histogram

Source

src/viewer.ts:214

---

lineChart()

static lineChart(t, options?): LineChartViewer

Parameters

Parameter	Type
t	DataFrame
options?	Partial <ILineChartSettings>

Returns

LineChartViewer

Inherited from

Viewer . lineChart

Source

src/viewer.ts:238

---

markup()

static markup(t, options?): Viewer <IMarkupViewerSettings>

Parameters

Parameter	Type
t	DataFrame
options?	Partial <IMarkupViewerSettings>

Returns

Viewer <IMarkupViewerSettings>

Inherited from

Viewer . markup

Source

src/viewer.ts:262

---

matrixPlot()

static matrixPlot(t, options?): Viewer <IMatrixPlotSettings>

Parameters

Parameter	Type
t	DataFrame
options?	Partial <IMatrixPlotSettings>

Returns

Viewer <IMatrixPlotSettings>

Inherited from

Viewer . matrixPlot

Source

src/viewer.ts:266

---

network()

static network(t, options?): Viewer <INetworkDiagramSettings>

Parameters

Parameter	Type
t	DataFrame
options?	Partial <INetworkDiagramSettings>

Returns

Viewer <INetworkDiagramSettings>

Inherited from

Viewer . network

Source

src/viewer.ts:242

---

pcPlot()

static pcPlot(t, options?): Viewer <IPcPlotSettings>

Parameters

Parameter	Type
t	DataFrame
options?	Partial <IPcPlotSettings>

Returns

Viewer <IPcPlotSettings>

Inherited from

Viewer . pcPlot

Source

src/viewer.ts:270

---

pieChart()

static pieChart(t, options?): Viewer <IPieChartSettings>

Parameters

Parameter	Type
t	DataFrame
options?	Partial <IPieChartSettings>

Returns

Viewer <IPieChartSettings>

Inherited from

Viewer . pieChart

Source

src/viewer.ts:274

---

scatterPlot()

static scatterPlot(t, options?): ScatterPlotViewer

Parameters

Parameter	Type
t	DataFrame
options?	Partial <IScatterPlotSettings>

Returns

ScatterPlotViewer

Inherited from

Viewer . scatterPlot

Source

src/viewer.ts:234

---

scatterPlot3d()

static scatterPlot3d(t, options?): Viewer <IScatterPlot3dSettings>

Parameters

Parameter	Type
t	DataFrame
options?	Partial <IScatterPlot3dSettings>

Returns

Viewer <IScatterPlot3dSettings>

Inherited from

Viewer . scatterPlot3d

Source

src/viewer.ts:278

---

statistics()

static statistics(t, options?): Viewer <IStatsViewerSettings>

Parameters

Parameter	Type
t	DataFrame
options?	Partial <IStatsViewerSettings>

Returns

Viewer <IStatsViewerSettings>

Inherited from

Viewer . statistics

Source

src/viewer.ts:282

---

tile()

static tile(t, options?): Viewer <ITileViewerSettings>

Parameters

Parameter	Type
t	DataFrame
options?	Partial <ITileViewerSettings>

Returns

Viewer <ITileViewerSettings>

Inherited from

Viewer . tile

Source

src/viewer.ts:286

---

treeMap()

static treeMap(t, options?): Viewer <ITreeMapSettings>

Parameters

Parameter	Type
t	DataFrame
options?	Partial <ITreeMapSettings>

Returns

Viewer <ITreeMapSettings>

Inherited from

Viewer . treeMap

Source

src/viewer.ts:290

---

trellisPlot()

static trellisPlot(t, options?): Viewer <ITrellisPlotSettings>

Parameters

Parameter	Type
t	DataFrame
options?	Partial <ITrellisPlotSettings>

Returns

Viewer <ITrellisPlotSettings>

Inherited from

Viewer . trellisPlot

Source

src/viewer.ts:294

---

wordCloud()

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

Parameters

Parameter	Type
t	DataFrame
options?	any

Returns

Viewer<any>

Inherited from

Viewer . wordCloud

Deprecated

Source

src/viewer.ts:299