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:
Currently supported chart types: scatterplot, line, bar