{
const { qdtCompose, QdtSelections, QdtPicasso, useBarChartSettings } = QdtComponents;
qdtCompose({
element: selectionsToolbarElement,
component: QdtSelections,
app,
options: {},
properties: {
qSelectionObjectDef: {},
}
});
const settings = useBarChartSettings({
type: 'stacked',
});
settings.scales.color.range = ['#168BAF', '#50A8C3', '#EC2027', '#F04D53', '#E8C31C', '#F4E293', '#1B7F54', '#ABD0C0'];
qdtCompose({
element: chartElement,
component: QdtPicasso,
app,
options: {
settings,
height: 400,
},
properties: {
qHyperCubeDef: {
qDimensions: [
{ qDef: { qFieldDefs: ['Case Owner Group'] }, qNullSuppression: true },
{ qDef: { qFieldDefs: ['Priority'] } },
],
qMeasures: [
{ qDef: { qDef: 'Count(Distinct [%CaseId])', autoSort: false }, qSortBy: { qSortByNumeric: -1 } },
],
qInterColumnSortOrder: [2, 0, 1],
},
}
});
}
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.
