Horizontal bar chart is very easy to create as well. Here is the datasource:

var defData = [
        {"team": "d", "cycleTime": 1, "effort": 1, "count": 1, "priority": "low"},
        ...
        {"team": "k", "cycleTime": 4, "effort": 6, "count": 8, "priority": "medium"}];

Now just specify 'horizontal-bar' or 'horizontalBar' type to create a horizontal bar chart:

var chart = new Taucharts.Chart({
            data: defData,
            type: 'horizontalBar',
            x: 'effort',
            y: 'team'
        });
chart.renderTo('#bar');

example

To define color settings check encoding section.

The chart below has color parameters for encoding group

var chart = new Taucharts.Chart({
            data: defData,
            type: 'horizontalBar',
            x: 'effort',
            y: 'team',
            color:'priority'
        });
chart.renderTo('#bar');

example

results matching ""

    No results matching ""