dygraphsラベルの数と配列の列数の不一致

Question

ダイアグラムを機能させることができません。私は、グラフのデータを構築する

data = [ 
{ 
    "DATA": "2016-01-22", 
    "TOTAL": [ 
     "7", 
     "4", 
     "20", 
     "0" 
    ] 
}, 
{ 
    "DATA": "2016-01-25", 
    "TOTAL": [ 
     "3", 
     "2", 
     "10", 
     "0" 
    ] 
}, 
{ 
    "DATA": "2016-01-26", 
    "TOTAL": [ 
     "1", 
     "1", 
     "4", 
     "0" 
    ] 
}, 
{ 
    "DATA": "2016-01-27", 
    "TOTAL": [ 
     "2", 
     "1", 
     "2", 
     "0" 
    ] 
}, 
{ 
    "DATA": "2016-02-02", 
    "TOTAL": [ 
     "1", 
     "1", 
     "1", 
     "0" 
    ] 
}, 
{ 
    "DATA": "2016-02-10", 
    "TOTAL": [ 
     "1", 
     "1", 
     "3", 
     "0" 
    ] 
} 
] 

として：

私がどのように見えるPHPから移入配列持ち

data.forEach(function(item) { 
    var adata = item.DATA; 
    var atotal = item.TOTAL; 

    graphstr1 += '[new Date("' + adata + '"),' + atotal + '],'; 
}); 
graphstr1 = graphstr1.slice(0, -1); 
console.log(graphstr1); 

はコンソールで探している、データが必要ですフォーマットが、私はいつもQUEの質問のタイトル

Dygraphコードにエラーが表示されます。

g = new Dygraph(
    document.getElementById("graphdiv"), [ 
     graphstr1, 
     /*[new Date("2016-01-22"), 7, 4, 20, 0], 
     [new Date("2016-01-25"), 3, 2, 10, 0], 
     [new Date("2016-01-26"), 1, 1, 4, 0], 
     [new Date("2016-01-27"), 2, 1, 2, 0], 
     [new Date("2016-02-02"), 1, 1, 1, 0], 
     [new Date("2016-02-10"), 1, 1, 3, 0]*/ 

    ], { 
     labels: ["x", "Registados", "Grávidas", "Com Filhos", "Sem Filhos"] 
    } 
); 

Answer 1

自分で製作したストリンジェライズされていないバージョンを使用しないでください。

var data = [{ DATA: "2016-01-22", TOTAL: ["7", "4", "20", "0"] }, { DATA: "2016-01-25", TOTAL: ["3", "2", "10", "0"] }, { DATA: "2016-01-26", TOTAL: ["1", "1", "4", "0"] }, { DATA: "2016-01-27", TOTAL: ["2", "1", "2", "0"] }, { DATA: "2016-02-02", TOTAL: ["1", "1", "1", "0"] }, { DATA: "2016-02-10", TOTAL: ["1", "1", "3", "0"] }], 
 
    converted = data.map(function (a) { 
 
     return [new Date(a.DATA)].concat(a.TOTAL.map(Number)); 
 
    }), 
 
    g = new Dygraph(
 
     document.getElementById("graphdiv"), 
 
     converted, 
 
     { labels: ["x", "Registados", "Grávidas", "Com Filhos", "Sem Filhos"] });

<div id="graphdiv"></div> 
 
<script type="text/javascript" 
 
    src="https://cdnjs.cloudflare.com/ajax/libs/dygraph/1.1.1/dygraph-combined-dev.js"></script>