2017-06-16 2 views
3

Keen.io DataVizのグラフを描くが、エラーになっ保つための「グラフを描くが、エラーを取得維持するために折れ線グラフをグラフ化する前に、いくつかのカスタムデータ改ざんを実行しようとしました

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

答えて

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

私がここで気づく何が「.DATAは」配列を含む 『結果』と呼ばれるものを探していることです。私は元の質問の例では、結果は配列の代わりに文字列JSONであると思います。 –

関連する問題