Properties
- version stringRequired
Current version of this generic object definition
- qHyperCubeDef objectRequired
qHyperCubeDef properties
- qAlwaysFullyExpanded booleanRequired
- qDimensions Array< DimensionProperties >Required
- qMeasures Array< MeasureProperties >Required
- qSuppressMissing booleanRequired
- qSuppressZero booleanRequired
- qShowTotalsAbove booleanRequired
- qIndentMode booleanRequired
-
- showTitles boolean
Show title for the visualization
- title string | StringExpression
Visualization title
- subtitle string | StringExpression
Visualization subtitle
- footnote string | StringExpression
Visualization footnote
- nullValueRepresentation object
Null value properties
nullValueRepresentation properties
- text string
Null value text
-
- components Array< Component >
General and chart specific styling
Extends NxDimension
, see Engine API: NxDimension
Properties
- qDef InlineDimensionDefRequired
qDef properties
- columnWidth ColumnWidth
columnWidth properties
- type 'auto' | 'FitToContent' | 'pixels' | 'percentage'Required
Defines how the column width is set. For the right grid,
auto
calculates the width(s) so the total width of the columns equals the right grid width. If the width reaches a minimum value, the columns will overflow. For the left grid,auto
is N/A and defaults tofitToContent
.fitToContent
calculates a width based on the column's content.pixels
uses a specified pixel value.percentage
sets the column width to specified percentage of the chart/grid width - pixels number
Pixel value used if type is
pixels
- percentage number
Percentage value used if type is
percentage
. Note that for the left grid columns, this is a percentage of the whole chart width. For the right grid columns, it is a percentage of the right grid width
-
- textAlign TextAlign
textAlign properties
- auto booleanRequired
If true the chart decides text alignment, otherwise the "align" value is used.
- align TextAlignValues
Align value
align properties
- TextAlignValues "left" | "center" | "right"Required
Text align values
-
-
-
- qAttributeExpressions Array< AttributeExpressionDef >Required
Extends NxMeasure
, see Engine API: NxMeasure
Properties
- qDefs InlineMeasureDefRequired
qDefs properties
- columnWidth ColumnWidth
columnWidth properties
- type 'auto' | 'FitToContent' | 'pixels' | 'percentage'Required
Defines how the column width is set. For the right grid,
auto
calculates the width(s) so the total width of the columns equals the right grid width. If the width reaches a minimum value, the columns will overflow. For the left grid,auto
is N/A and defaults tofitToContent
.fitToContent
calculates a width based on the column's content.pixels
uses a specified pixel value.percentage
sets the column width to specified percentage of the chart/grid width - pixels number
Pixel value used if type is
pixels
- percentage number
Percentage value used if type is
percentage
. Note that for the left grid columns, this is a percentage of the whole chart width. For the right grid columns, it is a percentage of the right grid width
-
- textAlign TextAlign
textAlign properties
- auto booleanRequired
If true the chart decides text alignment, otherwise the "align" value is used.
- align TextAlignValues
Align value
align properties
- TextAlignValues "left" | "center" | "right"Required
Text align values
-
-
-
- qAttributeExpressions Array< AttributeExpressionDef >Required
AttributeExpressionDef ColorByExpressionDef | NxAttrExprDef
Properties
- qExpression StringExpressionRequired
- Required
id properties
- ColorByExpressionId "cellBackgroundColor" | "cellForegroundColor"Required
Color by expression identifier
-
ColorByExpressionDef
{ qExpression: "=if(Sum([Sales Quantity]) > 500, green(), blue())", id: "cellBackgroundColor" }
Extends NxInlineDimensionDef
, see Engine API: NxInlineDimensionDef
.
Properties
- columnWidth ColumnWidth
columnWidth properties
- type 'auto' | 'FitToContent' | 'pixels' | 'percentage'Required
Defines how the column width is set. For the right grid,
auto
calculates the width(s) so the total width of the columns equals the right grid width. If the width reaches a minimum value, the columns will overflow. For the left grid,auto
is N/A and defaults tofitToContent
.fitToContent
calculates a width based on the column's content.pixels
uses a specified pixel value.percentage
sets the column width to specified percentage of the chart/grid width - pixels number
Pixel value used if type is
pixels
- percentage number
Percentage value used if type is
percentage
. Note that for the left grid columns, this is a percentage of the whole chart width. For the right grid columns, it is a percentage of the right grid width
-
- textAlign TextAlign
textAlign properties
- auto booleanRequired
If true the chart decides text alignment, otherwise the "align" value is used.
- align TextAlignValues
Align value
align properties
- TextAlignValues "left" | "center" | "right"Required
Text align values
-
-
Extends NxInlineMeasureDef
, see Engine API: NxInlineMeasureDef
.
Properties
- columnWidth ColumnWidth
columnWidth properties
- type 'auto' | 'FitToContent' | 'pixels' | 'percentage'Required
Defines how the column width is set. For the right grid,
auto
calculates the width(s) so the total width of the columns equals the right grid width. If the width reaches a minimum value, the columns will overflow. For the left grid,auto
is N/A and defaults tofitToContent
.fitToContent
calculates a width based on the column's content.pixels
uses a specified pixel value.percentage
sets the column width to specified percentage of the chart/grid width - pixels number
Pixel value used if type is
pixels
- percentage number
Percentage value used if type is
percentage
. Note that for the left grid columns, this is a percentage of the whole chart width. For the right grid columns, it is a percentage of the right grid width
-
- textAlign TextAlign
textAlign properties
- auto booleanRequired
If true the chart decides text alignment, otherwise the "align" value is used.
- align TextAlignValues
Align value
align properties
- TextAlignValues "left" | "center" | "right"Required
Text align values
-
-
Column width info. For the left grid, the properties are always applied. For the right grid, only the leaf nodes will listen to the properties, and the columns above will get the width of the leaves accumulated
Properties
- type 'auto' | 'FitToContent' | 'pixels' | 'percentage'Required
Defines how the column width is set. For the right grid,
auto
calculates the width(s) so the total width of the columns equals the right grid width. If the width reaches a minimum value, the columns will overflow. For the left grid,auto
is N/A and defaults tofitToContent
.fitToContent
calculates a width based on the column's content.pixels
uses a specified pixel value.percentage
sets the column width to specified percentage of the chart/grid width - pixels number
Pixel value used if type is
pixels
- percentage number
Percentage value used if type is
percentage
. Note that for the left grid columns, this is a percentage of the whole chart width. For the right grid columns, it is a percentage of the right grid width
Set the alignment of text in the chart.
Properties
- auto booleanRequired
If true the chart decides text alignment, otherwise the "align" value is used.
- align TextAlignValues
Align value
align properties
- TextAlignValues "left" | "center" | "right"Required
Text align values
-
Component ChartStyling | GeneralStyling
Styling defintions
General chart styling
Properties
- Required
key properties
- GeneralStylingKey "general"Required
Mandatory key for general styling
-
- title TitleStylingRequired
title properties
- main TitleOptions
Styling for chart title
main properties
- fontSize string
Font size in pixel value
- fontFamily string
Font family
- fontStyle Array< FontStyleValues >
Font style
- color PaletteColor
Font color palette
color properties
- color stringRequired
Color as hex string (mandatory if index: -1)
- index numberRequired
Index in palette
-
-
- subTitle TitleOptions
Styling for chart sub title
-
Styling for chart footer
-
- bgColor BackgroundColor | BackgroundColorExpression
- bgImage BackgroundImage
bgImage properties
- mode "media"Required
Mode
- mediaUrl MediaUrlRequired
Media url
mediaUrl properties
- qStaticContentUrlDef objectRequired
Background image mode
qStaticContentUrlDef properties
- qUrl stringRequired
Relative path of the image
-
-
-
GeneralStyling
{
key: "general",
title: {
main: {
fontSize: "18px",
fontFamily: "Arial",
fontStyle: ["bold", "italic"],
color: { color: "orangered" },
}
},
bgColor: {
useExpression: true,
color: {
index: 6,
color: "#006580"
},
colorExpression: {
qStringExpression: {
qExpr: "red()"
}
}
},
bgImage: {
mode: "media",
mediaUrl: {
qStaticContentUrlDef: {
qUrl: "<path-to-image>"
}
}
}
}
Chart background color
Properties
- color PaletteColorRequired
Background color palette
color properties
- color stringRequired
Color as hex string (mandatory if index: -1)
- index numberRequired
Index in palette
-
Chart background color by expression
Properties
- useExpression booleanRequired
Boolean to indicate if color by expression should be used
- colorExpression StringExpressionRequired
Color expression, "useExpression" must also be true
Chart background image.
Background image takes precedence over background color.
Properties
- mode "media"Required
Mode
- mediaUrl MediaUrlRequired
Media url
mediaUrl properties
- qStaticContentUrlDef objectRequired
Background image mode
qStaticContentUrlDef properties
- qUrl stringRequired
Relative path of the image
-
-
Media url
Properties
- qStaticContentUrlDef objectRequired
Background image mode
qStaticContentUrlDef properties
- qUrl stringRequired
Relative path of the image
-
Title styling options
Properties
- fontSize string
Font size in pixel value
- fontFamily string
Font family
- fontStyle Array< FontStyleValues >
Font style
- color PaletteColor
Font color palette
color properties
- color stringRequired
Color as hex string (mandatory if index: -1)
- index numberRequired
Index in palette
-
Title styling
Properties
- main TitleOptions
Styling for chart title
main properties
- fontSize string
Font size in pixel value
- fontFamily string
Font family
- fontStyle Array< FontStyleValues >
Font style
- color PaletteColor
Font color palette
color properties
- color stringRequired
Color as hex string (mandatory if index: -1)
- index numberRequired
Index in palette
-
-
- subTitle TitleOptions
Styling for chart sub title
-
Styling for chart footer
Custom styling of cells
Properties
- key ChartStylingKeyRequired
key properties
- ChartStylingKey "theme"Required
Mandatory key for chart styling
-
- header CellStyling
Styling for header cells
header properties
- fontSize string
Font size in pixel value
- fontFamily string
Font family
- fontStyle Array< FontStyleValues >
Font style
- fontColor PaletteColor
Font color palette
fontColor properties
- color stringRequired
Color as hex string (mandatory if index: -1)
- index numberRequired
Index in palette
-
- background PaletteColor
Cell background color palette
-
- dimensionValues CellStyling
Styling for dimension value cells
- measureValues CellStyling
Styling for measure value cells
- measureLabels PartialCellStyling
Styling for measure label cells
measureLabels properties
- fontStyle Array< FontStyleValues >
Font style
- fontColor PaletteColor
Font color palette
- background PaletteColor
Cell background color palette
-
- totalValues PartialCellStyling
Styling for total value cells
- nullValues PartialCellStyling
Styling for null values cells
- grid GridStyling
General grid styling
grid properties
- lineClamp number
A numerical value that represents the number of lines a text at most can be splitt into
- border PaletteColor
Border color between cells
- divider PaletteColor
Border color between row and column dimensions sections
- background PaletteColor
-
ChartStyling
{
key: "theme",
dimensionValues: {
fontSize: "18px",
fontFamily: "Arial",
fontStyle: ["bold", "italic"],
fontColor: { color: "orangered" },
background: { index: 2 }
}
}
Properties for styling a cell
Properties
- fontSize string
Font size in pixel value
- fontFamily string
Font family
- fontStyle Array< FontStyleValues >
Font style
- fontColor PaletteColor
Font color palette
fontColor properties
- color stringRequired
Color as hex string (mandatory if index: -1)
- index numberRequired
Index in palette
-
- background PaletteColor
Cell background color palette
Properties for styling a cell
Properties
- fontStyle Array< FontStyleValues >
Font style
- fontColor PaletteColor
Font color palette
fontColor properties
- color stringRequired
Color as hex string (mandatory if index: -1)
- index numberRequired
Index in palette
-
- background PaletteColor
Cell background color palette
General grid styling
Properties
- lineClamp number
A numerical value that represents the number of lines a text at most can be splitt into
- border PaletteColor
Border color between cells
border properties
- color stringRequired
Color as hex string (mandatory if index: -1)
- index numberRequired
Index in palette
-
- divider PaletteColor
Border color between row and column dimensions sections
- background PaletteColor
Color information structure. Holds the actual color and index in palette
Properties
- color stringRequired
Color as hex string (mandatory if index: -1)
- index numberRequired
Index in palette