マップに複数の円グラフを配置し、csvファイル(この例では「Total」)の対応する値に基づいてサイズを調整したいとします。しかし、どのように半径を調整しても、パイは表示されません。私が逃した重要なことはありますか?これまでサイズ付き円グラフ
マイコード:
d3.csv("Bevoelkerung-Altersstruktur-2010-Summe.csv", function drawPies (data) {
var pie = d3.layout.pie()
.sort(null)
.value(function(d) { return +d});
var arc = d3.svg.arc()
.innerRadius(0)
.outerRadius(function(d) {
return d.Total; });
var pies = svg.selectAll('.pie')
.data(data)
.enter()
.append('g')
.attr('class', 'pie')
.attr("transform", function(d) {
return "translate(" + projection([d.lon, d.lat])[0] + "," + projection([d.lon, d.lat])[1] + ")";
});
var color = d3.scale.ordinal()
.range(["#98abc5", "#7b6888", "#a05d56", "#d0743c",])
.domain(d3.range(0,4));
pies.selectAll('.slice')
.data(function(d){
return pie([d.Group1, d.Group2, d.Group3, d.Group4]); })
.enter()
.append('path')
.attr('d', arc)
.style('fill', function(d,i){
return color(i);
});
Hereは完全なコードへのリンクです。
は、すべてのあなたのコードを追加してくださいでした、データが含まれています。たぶんJSFiddleを作成することもできますか? – thatOneGuy
私はBl.ocksにソースコードを置き、最初の投稿にリンクを追加しました。リンクされたソースコードでは、 ".outerRadius"の値を固定値に変更してパイが見えるようにし、どのように見えるかを知ることができます。 – LeBaton