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


## SparkWinLossRenderer

Renderer to display Series column that displays one or more data values simultaneously with Spark WinLoss

**Signature:**

```typescript
export interface SparkWinLossRenderer 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).

BelowStyle of SparkChartRenderer is applied by default.

\[Default\]

`belowStyle`{/* */}: "rg-sparkwinloss-renderer-below";

\[Superclass\]

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

## Example


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

// object type
let column.renderer = {
      "type": "sparkwinloss",
      "barWidth": 0.9;
      "barHeight": 0.6
}
```

## Properties

| Property | Type | Description |
| --- | --- | --- |
| [barWidth](/refs/Interface/SparkWinLossRenderer#barwidth) | number | Percentage of width occupied by one graph bar |
| [belowHeight](/refs/Interface/SparkWinLossRenderer#belowheight) | number | Ratio to total height of bar in case of loss |
| [chartStyle](/refs/Interface/SparkWinLossRenderer#chartstyle) | string | Chart style name |
| [type](/refs/Interface/SparkWinLossRenderer#type) | 'sparkwinloss' | Category: Spark Win Loss |

## Properties Desc

### barWidth

Percentage of width occupied by one graph bar

`Type` - number

**Remarks:**

Cannot exceed `1`{/* */}

<hr/>

### belowHeight

Ratio to total height of the bar in case of loss

`Type` - number

<hr/>

### chartStyle

Chart style name

`Type` - string

<hr/>

### type

Type: Spark Win Loss

`Type` - 'sparkwinloss'

<hr/>