Modify results of an interval query
Multiply or divide each interval's value by a given value
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();
});
});