Chart Results Weekly (ex: Friday to Friday)

Keen IO's API defines weekly from Sunday to Sunday, customize "weekly" to your company's practices

by keen

HTML

<script src="https://d26b395fwzu5fz.cloudfront.net/3.4.0/keen.min.js?date=2016-02-17"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.js"></script>
<div id="chart"></div>

JavaScript

var client = new Keen({
    projectId: "5557fe1c2fd4b1326f14444e",
    readKey: "d6cc507cf72af7dd0746b630edc51179355e2c074ab46d4545d3bfcecb02dabcbc46a78b8df5dd4b4b6ba2a7dff8fd5b3e3adbdf05cfeb42538205d2b528a357b0ab010e8c7efab939a01bce5be678a5dc3a7fa949db33cbee815a00dca93848d0b96908269a8be2bf70e40a9e213fb0"
});

Keen.ready(function(){
    var query = new Keen.Query("count", {
        eventCollection: "add_to_carts",
        timeframe: {
  					start: "2016-08-01",
  					end: "2016-09-12"
				},
        timezone: "US/Pacific",
        interval: "every_7_days"
    });
    var chart = new Keen.Dataviz()
        .library("c3")
        .chartType("line")
        .el(document.getElementById("chart"))
        .height(300)
        .chartOptions({
            axis: {
                x: {
                    type: 'timeseries',
                    tick: {
                        count: 6,
                        format: '%Y-%m-%d'
                    }
                }
            },
            point: {
                show: false
            }
        })
        .prepare();
    
    client.run(query, function(err, res){
        chart
            .parseRequest(this)  
            .render();
    });
});