すべて同じ値を1つのバーに追加したいのですが、通常はd3で、それぞれを別々のバーに追加するというスタックバーの概念があります。
http://bl.ocks.org/d3noob/8952219
このドメイン2013-01,53には、さらに4〜5個のエントリがあり、すべて同じバーに入るはずです。
これを行うにはいくつかの方法があり、そのうちの1つはを使用していnest
ます。この場合:
var nestedData = d3.nest()
.key(function(d) { return d.date;})
.rollup(function(d) {
return d3.sum(d, function(e) {return e.value; });
})
.entries(data);
このデモを確認してください。同じキー「日付」を持つすべての値が合計されます。
var data = [{date: "2016-01", value: 53},
{date: "2016-01", value: 10},
{date: "2016-02", value: 42},
{date: "2016-03", value: 17}];
var nestedData = d3.nest()
.key(function(d) { return d.date;})
.rollup(function(d) {
return d3.sum(d, function(e) {return e.value; });
})
.entries(data);
console.log(nestedData);
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加