{
const { qdtCompose, QdtSelections, QdtPicasso, useLineChartSettings } = QdtComponents;
qdtCompose({
element: selectionsToolbarElement,
component: QdtSelections,
app,
options: {},
properties: {
qSelectionObjectDef: {},
}
});
qdtCompose({
element: chartElement,
component: QdtPicasso,
app,
options: {
settings: useLineChartSettings({
type: 'rangeArea',
}),
height: 400,
},
properties: {
qHyperCubeDef: {
qDimensions: [
{ qDef: { qFieldDefs: ['Date.autoCalendar.YearMonth'] } },
],
qMeasures: [
{ qDef: { qDef: 'Count( {$<Priority={\'High\'}, Status -={\'Closed\'} >} Distinct %CaseId )', autoSort: false }, qSortBy: { qSortByNumeric: 1 } },
{ qDef: { qDef: 'Count( {$<Priority={\'Low\'}, 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.
