# Interface StyledMeasureColumn

Wrapped Measure Column with styles controlling how the measure is visualized in a chart.

# Example

Example of using StyledMeasureColumn to mix a column series of Total Revenue to a line chart.

Note that the chart doesn't display a second Y-axis on the right but that can be customized by style options.

<Chart
  dataSet={DM.DataSource}
  chartType={'line'}
  dataOptions={{
    category: [
      {
        column: DM.Commerce.Date.Months,
        dateFormat: 'yy-MM',
      },
    ],
    value: [
      measures.sum(DM.Commerce.Revenue),
      {
        column: measures.sum(DM.Commerce.Quantity),
        showOnRightAxis: true,
        chartType: 'column',
      },
    ],
    breakBy: [],
  }}
/>

#

See also StyledColumn.

# Extends

  • ValueStyle

# Properties

# chartType

chartType?: SeriesChartType

Series chart type, which is used with StyledMeasureColumn to customize series in a mixed chart.

# Inherited from

ValueStyle.chartType


# color

color?: DataColorOptions

All possible color options for data.

# Inherited from

ValueStyle.color


# column

column: MeasureColumn | CalculatedMeasureColumn

Wrapped MeasureColumn or CalculatedMeasureColumn


# numberFormatConfig

numberFormatConfig?: NumberFormatConfig

Configuration for number formatting.

# Inherited from

ValueStyle.numberFormatConfig


# showOnRightAxis

showOnRightAxis?: boolean

Boolean flag whether to show this value/measure on the right axis (true) or on the left axis (false).

# Inherited from

ValueStyle.showOnRightAxis


# sortType

sortType?: SortDirection

Sorting direction, either by Ascending order, Descending order, or None

# Inherited from

ValueStyle.sortType


# treatNullDataAsZeros

treatNullDataAsZeros?: boolean

Boolean flag whether null values are treated as zeros in the chart

# Inherited from

ValueStyle.treatNullDataAsZeros