Binning Timeseries Data

by duarteleao

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/require.js/2.1.19/require.min.js"></script>
<script src="//webdetails.github.io/ccc/charts/lib/amd/require.config.js"></script>
<script src="//webdetails.github.io/ccc/charts/lib/q01-01.js"></script>
<div id="cccExample" />

JavaScript

require([
  "ccc/pvc", 
  "ccc/def", 
  "ccc/protovis"
], function(pvc, def, pv) {

    new pvc.LineChart({
        canvas: "cccExample",
        width:  450,
        height: 400,
        axisGrid: true,
        axisOffset: 0.2,
        legend: true,
        timeSeries: true,
        crosstabMode: false,
        categoryRole: 'cat',
        calculations: [
            {
                names: 'cat',
                calculation: function(datum, out) {
                    out.cat = datum.atoms.category.value.getMonth() + 1;
                }
            }
        ]
    })
    .setData(relational_01)
    .render();
});