在绘制折线图之前尝试进行一些自定义数据更改
Keen.io Dataviz 绘制图表但不断收到错误“未捕获的请求解析器不存在”
Keen.Dataviz 只从 Keen.query 获取数据吗?
Data:
{
"result": [
{
"value": 317,
"timeframe": {
"start": "2017-04-01T00:00:00.000Z",
"end": "2017-05-01T00:00:00.000Z"
}
},
{
"value": 1015,
"timeframe": {
"start": "2017-05-01T00:00:00.000Z",
"end": "2017-06-01T00:00:00.000Z"
}
}
],
"totalusers": 5357
}
vm.mau = JSON.stringify(data.result, null, 2);
console.log(vm.mau);
var chart = new Keen.Dataviz()
.el(document.getElementById('my-div'))
.chartType("line")
.colors(["#6ab975"])
.title("AVG. TIME ON SITE / USER")
.width(400)
.prepare();
chart
.data({result: vm.mau})
.render();
您绝对可以从其他来源发送 Keen.Dataviz() 数据或手动传入。
以下是一些例子:https://keen.io/docs/visualize/visualize-your-own-data/ https://keen.io/docs/visualize/visualize-your-own-data/
如果单击 JSFiddles 的 JavaScript 选项卡,您可以看到我们如何传递数据。
我继续使用您的示例创建了一个 JSFiddle:https://jsfiddle.net/trt2yddw/1/ https://jsfiddle.net/trt2yddw/1/
// Fetch data from another API or your own data source:
var data = {
"result": [
{
"value": 317,
"timeframe": {
"start": "2017-04-01T00:00:00.000Z",
"end": "2017-05-01T00:00:00.000Z"
}
},
{
"value": 1015,
"timeframe": {
"start": "2017-05-01T00:00:00.000Z",
"end": "2017-06-01T00:00:00.000Z"
}
}
],
"totalusers": 5357
}
var chart = new Keen.Dataviz()
.el(document.getElementById('chart'))
.chartType("line")
.colors(["#6ab975"])
.title("AVG. TIME ON SITE / USER")
.width(400)
.prepare();
chart
.data(data)
.render();
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)