<drayman-nebula />

Qlik integration element powered by nebula.js library.

Example of usage

Show existing viz.

export const component: DraymanComponent = async ({ forceUpdate }) => {
    return () => {
        return (
            <div style={{ height: 500 }}>
                <drayman-nebula
                    qLayout={{}}
                />
            </div>
        )
    }
}

Hierarchy

DraymanNebula
DraymanElementsProps
- DraymanNebulaProps

Index

Properties

Optional onClearField

onClearField: ElementEvent<{ fieldId: any }>

Executed when field values needs to be cleared

Optional onGetFieldDescription

onGetFieldDescription: ElementEvent<{ fieldId: string }>

Executed when field values needs to be returned

Optional onGetMeasure

onGetMeasure: ElementEvent<{ measureId: string }>

Executed when measure needs to be returned

Optional onGetObject

onGetObject: ElementEvent<{ objectId: string }>

Executed when object needs to be returned

Optional onSelectFieldValues

onSelectFieldValues: ElementEvent<{ arr: any; fieldId: any; softlock: any; toggle: any }>

Executed when field values needs to be selected

Optional onSelections

onSelections: ElementEvent<{ method: "selectHyperCubeValues" | "rangeSelectHyperCubeValues"; selections: any }>

Executed when user makes selections.

Optional onVizMethod

onVizMethod: ElementEvent<{ args: any; name: "getEffectiveProperties" | "getHyperCubeReducedData" | "getHyperCubeData" }>

Executed when viz method must be called.

qLayout

qLayout: any

Initial qLayout of the object to render.

Optional ref

ref: string

Optional style

style: CSS

theme

theme: any

Custom JSON theme for the viz. Structure can be found here - https://help.qlik.com/en-US/sense-developer/Subsystems/Extensions/Content/Sense_Extensions/CustomThemes/custom-themes-properties.htm.