3

在绘制折线图之前尝试进行一些自定义数据更改

Keen.io Dataviz 绘制图形但不断收到错误“未捕获的请求解析器不存在”

Keen.Dataviz 是否只从 Keen.query 获取数据？

数据：

{
    "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();
4

1 回答 1

5

您绝对可以从其他来源发送 Keen.Dataviz() 数据或手动传入。

以下是一些示例：https ://keen.io/docs/visualize/visualize-your-own-data/

如果您单击 JSFiddles 的 JavaScript 选项卡，您可以看到我们是如何传递数据的。

我继续用你的例子创建了一个 JSFiddle：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();
于 2017-06-16T16:59:29.123 回答