Displaying data as a win/lose chart

Problem:

You want to display data as a win/lose chart.

Solution:

Sample Klip

Download the sample Klip for examples discussed below.

Important Notes

• Win/lose charts are supported in Klipfolio Dashboard version 5.4 and later.
• Depending on the version of Klipfolio Dashboard you are running, the data source from which the chart is generated can be in one of the 2 formats. See the Expected data format article for details.

Overview

• Use type: graph and format: "winlose" to generate a win/lose chart for each item. (See example 1)
• Add period(<integer1>,<integer2>) to draw a band from the beginning of the period specified with integer1 and ends at integer2. (See example 2)
• The default height of the chart is height: 1, which is the height of one line. The height may be set to 2 or 3 to span 2 or 3 lines within each item, respectively. In the screenshots below, height: 2 is used.
• The colours are predetermined by the skin and its hue and cannot be specified through the Klip.

Expected data format

See the Expected data format article for details.

Examples

Regardless of how the data source is provided to the chart, the available formatting options are the same.

1. Simple win/lose chart

type: graph;
itemcol: 13;
format: "winlose";

The second column displays a win/lose chart for the data set displayed in the first column:

2. Setting up periods

type: graph;
itemcol: 14;
format: "winlose,period(0,3,9,12)";