{
const { qdtCompose, QdtSelections, QdtPicasso, useScatterPlotSettings } = QdtComponents;
qdtCompose({
element: selectionsToolbarElement,
component: QdtSelections,
app,
options: {},
properties: {
qSelectionObjectDef: {},
}
});
qdtCompose({
element: chartElement,
component: QdtPicasso,
app,
options: {
settings: useScatterPlotSettings({
point: {
properties: {
settings: {
size: 0.8,
opacity: 0.3,
},
},
},
pointImage: {
properties: {
settings: {
image: 'https://webapps.qlik.com/qdt-components/plain-html/emoji_smiley.png',
width: 32,
height: 32,
},
},
},
labels: {
properties: {
settings: {
offset: 25,
width: 100,
},
},
},
}),
height: 400,
},
properties: {
qHyperCubeDef: {
qDimensions: [
{ qDef: { qFieldDefs: ['Case Owner'] } },
],
qMeasures: [
{
qDef: {
qDef: 'Avg([Case Duration Time])',
qLabel: 'Avg Case Duration Time',
},
}, {
qDef: {
qDef: 'Count( {$<Status -={\'Closed\'} >} Distinct %CaseId )',
},
},
],
},
}
});
}
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
