0
저는 D3에서 새로 왔으며 그래프에 도움이 필요합니다.원형 차트의 데이터를 변경하는 방법은 무엇입니까?
데이터를 동일한 CSV 파일의 다른 데이터로 전달하려고하지만 d3.pie()
에서 전환을 수행 할 수 없으며 d.A2008에서 d.A2015로 전달하면됩니다. 버그 때마다.
내 코드 :
var width = 600;
var height = 400;
var radius = 200;
var canvas = d3.select("body").append("svg")
.attr("width", width)
.attr("height", height)
.style("border","1px solid black")
.append("g")
.attr("transform","translate(200,200)");
var colorScale = d3.scaleOrdinal() //va pemrettre d'attribuer de la couleur sur une échelle de données de type string
.range(["red","blue","orange","yellow","pink","purple","green","white","grey","brown"]);
var pie = d3.pie()
.sort(null)
.value (function(d,i){return d.A2008;});
var arc = d3.arc()
.outerRadius(radius - 10)
.innerRadius(0);
d3.csv("CAplateforme.csv", function(data){
var svg = canvas.selectAll(".arc")
.data(pie(data))
.enter()
.append("g")
.attr("class", "arc");
svg.append("path")
.attr("d",arc)
.attr("fill", function(d,i){ return colorScale(d.data.A2008);});
//.transition()
// .duration(1500)
//.delay(2000)
//.attr("d",arc)
//.attr("fill", function(d,i){ return colorScale(d.data.A2015);});
svg.append("g")
.attr("class", "legend")
.selectAll("text")
.data(pie(data))
.enter()
.append("text")
.text(function(d){return ". " + d.data.Type +" ("+ d.data.A2008 + ")";})
.attr("fill", function(d){return colorScale(d.data.A2008);})
.attr("y", function(d,i){return 20*(i+1);})
enter code here.attr("transform","translate(250,-150)");
//.transition()
//.duration(1500)
//.delay(2000)
//.text(function(d){return ". " + d.data.Type +" ("+ d.data.A2015 + ")";})
//.attr("fill", function(d){return colorScale(d.data.A2015);});
});