Keen.io Dataviz 绘制图形但不断出错 "Uncaught Requested parser does not exist"

Keen.io Dataviz to draw graph but keep getting error "Uncaught Requested parser does not exist"

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

Keen.io Dataviz 绘制图表但不断出错"Uncaught Requested parser does not exist"

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();

您当然可以从其他来源发送 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();