{/* Do not edit this file. It is automatically generated by API Documenter. */}


## SparkColumnRenderer

A renderer to display a Series column that displays one or more data values simultaneously as a Spark Column.

**Signature:**

```typescript
export interface SparkColumnRenderer extends SparkChartRenderer
```
**Extends:** [SparkChartRenderer](/refs/Interface/SparkChartRenderer)

## Remarks

It is useful for briefly and intuitively displaying data flow within a certain range, such as a period.

Can only be used in [SeriesColumn](/refs/Interface/SeriesColumn).

Inherits [SparkChartRenderer](/refs/Interface/SparkChartRenderer).

LastStyle, highStyle, and lowStyle of SparkChartRenderer are applied by default.

\[Default\]

`lastStyle`{/* */}: "rg-sparkcolumn-renderer-last";

`highStyle`{/* */}: "rg-sparkcolumn-renderer-high";

`lowStyle`{/* */}: "rg-sparkcolumn-renderer-low";

\[Superclass\]

[CellRenderer](/refs/Interface/CellRenderer) - [SparkChartRenderer](/refs/Interface/SparkChartRenderer)

## Example


```js
//string type
column.renderer = 'sparkcolumn';

// object type
column.renderer = {
      "type": "sparkcolumn",
      "highStyle": "custom-sparkcolumn-renderer-high",
      "barWidth" 0.9
}
```

## Properties

| Property | Type | Description |
| --- | --- | --- |
| [barWidth](/refs/Interface/SparkColumnRenderer#barwidth) | number | Percentage of width occupied by one graph bar |
| [chartStyle](/refs/Interface/SparkColumnRenderer#chartstyle) | string | Chart style name |
| [type](/refs/Interface/SparkColumnRenderer#type) | 'sparkcolumn' | Type: Spark Column |

## Properties Desc

### barWidth

Percentage of width occupied by one graph bar

`Type` - number

**Remarks:**

Cannot exceed `1`{/* */}

<hr/>

### chartStyle

Chart style name

`Type` - string

<hr/>

### type

Type: Spark Column

`Type` - 'sparkcolumn'

<hr/>