Keen.io Dataviz рисует график, но продолжает получать сообщение об ошибке "Uncaught Requested parser не существует"

Question

Попытка сделать некоторые пользовательские изменения данных, прежде чем строить график

Keen.io Dataviz рисует график, но продолжает получать сообщение об ошибке "Uncaught Requested parser не существует"

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

Answer 1

Вы определенно можете отправить данные Keen.Dataviz() из других источников или передать их вручную.

Вот несколько примеров этого: https://keen.io/docs/visualize/visualize-your-own-data/

Если вы нажмете на вкладки JavaScript в JSFiddles, вы увидите, как мы передаем данные.

Я пошел дальше и создал 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();