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

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

Now just specify 'bar' type to create a bar chart:

var chart = new Taucharts.Chart({
            data: defData,
            type: 'bar',
            x: 'team',
            y: 'effort'
        });
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: 'bar',
            x: 'team',
            y: 'effort',
            color:'priority'
        });
chart.renderTo('#bar');

example

results matching ""

    No results matching ""