Modify value of a metric (keen-dataviz.js)
Manually modify the value of a metric visualization
HTML
<script src="//d26b395fwzu5fz.cloudfront.net/keen-analysis-1.2.2.js"></script>
<link rel="stylesheet" href="//d26b395fwzu5fz.cloudfront.net/keen-dataviz-1.1.3.css">
<script src="//d26b395fwzu5fz.cloudfront.net/keen-dataviz-1.1.3.js"></script>
<div id="chart"></div>
JavaScript
// Create and configure the chart instance
var chart = new Dataviz()
.el('#chart')
.height(280)
.colors(['green'])
.title('Revenue per month')
.chartOptions({
prefix: "$"
})
.type('metric')
.prepare();
// Load and modify raw data
chart
.parseRawData({
result: 4932212
})
.call(function() {
// run arbitrary function w/in chart context
console.log(this.dataset.selectColumn("Value"))
this.dataset.updateColumn("Value", function(val) {
return val / 100;
});
})
.render();