Published
Edited
Sep 16, 2020
Insert cell
md`# Nebula-js - Barchart`
Insert cell
Insert cell
Insert cell
import { n } from "@yianni-ververis/nebula-js"
Insert cell
{
const selections = await n.selections();
selections.mount(selectionsToolbarElement);
n.render({
element: chartElement,
type: 'barChart',
properties: {
qHyperCubeDef: {
qDimensions: [
{ qDef: { qFieldDefs: ['Case Owner Group'] }, qNullSuppression: true },
],
qMeasures: [
{ qDef: { qDef: 'Avg([Case Duration Time])', autoSort: false }, qSortBy: { qSortByNumeric: -1 }, qLabel: 'Avg Duration' },
],
qInterColumnSortOrder: [1, 0],
},
showTitles: true,
title: 'Bar-chart',
subtitle: 'Sample supernova barchart',
footnote: 'Case Owner Group / Avg([Case Duration Time])',
},
});
}
Insert cell

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.
Learn more