# Interface StyledColumn

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

# Example

An example of using StyledColumn to change the date format of the months displayed on the x-axis.

<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: [],
  }}
/>

#

Also, see StyledMeasureColumn.

# Extends

  • CategoryStyle

# Properties

# column

column: Column

Wrapped Column


# continuous

continuous?: boolean

Boolean flag to toggle continuous timeline on this date column.

# Inherited from

CategoryStyle.continuous


# dateFormat

dateFormat?: string

Date format.

See ECMAScript Date Time String Format

# Inherited from

CategoryStyle.dateFormat


# granularity

granularity?: string

Date granularity that works with continuous timeline.

Values from DateLevels.

# Inherited from

CategoryStyle.granularity


# numberFormatConfig

numberFormatConfig?: NumberFormatConfig

Configuration for number formatting.

# Inherited from

CategoryStyle.numberFormatConfig


# sortType

sortType?: SortDirection

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

# Inherited from

CategoryStyle.sortType