Let's build a simple scatterplot chart. Download and add tauCharts.js library.

<script type='text/javascript' src='tauCharts.js'>

Then prepare data you want to use for the chart. The chart definition is quite straightforward:

var chart = new Taucharts.Chart({
            data: datasource,
            type: 'scatterplot', // scatterplot, line, bar...
            x: 'cycleTime',
            y: 'effort',
            color: 'team',
            size: 'count'
        });
chart.renderTo('#scatter'); // HTML element with 'scatter' id

The renderTo method will accept one parameter: either a CSS selector or a DOM element.

As a result, you will have the chart like that:

example jsFiddle

Currently supported chart types: scatterplot, line, bar

results matching ""

    No results matching ""