javascript - Adding new segments to a Animated Pie Chart in D3.js -


i unable add segment d3.js pie chart. know need use .enter() , .append() stage new data -- not sure how apply when have arcs grouped (which need labels).

here update function:

var updatechart = function(dataset) {   arcs.data(donut(dataset));   arcs.transition()     .duration(duration)     .attrtween("d", arctween);   slicelabel.data(donut(dataset));   slicelabel.transition()     .duration(duration)     .attr("transform", function(d) { return "translate(" + (arc.centroid(d)) + ")"; })     .style("fill-opacity", function(d) {       if (d.value === 0) { return 1e-6; }       else { return 1; }     }); };

how setup initial graph:

var arc = d3.svg.arc()   .innerradius(radius * .4)   .outerradius(radius); var svg = d3.select("body")   .append("svg")   .append("svg")   .attr("width", width)   .attr("height", height);  var arc_grp = svg.append("g")   .attr("class", "arcgrp")   .attr("transform", "translate(" + (width / 2) + "," + (height / 2) + ")"); var label_group = svg.append("g")   .attr("class", "lblgroup")   .attr("transform", "translate(" + (width / 2) + "," + (height / 2) + ")");  var arcs = arc_grp.selectall("path")   .data(donut(data)); arcs.enter()   .append("path")   .attr("stroke", "white")   .attr("stroke-width", 0.8)   .attr("fill", function(d, i) { return color(i); })   .attr("d", arc)   .each(function(d) { return this.current = d; });  var slicelabel = label_group.selectall("text")   .data(donut(data)); slicelabel.enter()   .append("text")   .attr("class", "arclabel")   .attr("transform", function(d) { return "translate(" + (arc.centroid(d)) + ")"; })   .attr("text-anchor", "middle")   .style("fill-opacity", function(d) {     if (d.value === 0) { return 1e-6; }     else { return 1; }   })   .text(function(d) { return d.data.label; });

complete jsfiddle: http://jsfiddle.net/kpm5l/

what clean way add new data chart?

to transition work smoothly, need add code you're using update function well. working jsfiddle here.

and code make happy -- needs in update function well:

.enter() .append("path") .attr("stroke", "white") .attr("stroke-width", 0.8) .attr("fill", function(d, i) { return color(i); }) .attr("d", arc) .each(function(d) { return this.current = d; });  .enter() .append("text") .attr("class", "arclabel") .attr("transform", function(d) { return "translate(" + (arc.centroid(d)) + ")"; }) .attr("text-anchor", "middle") .style("fill-opacity", function(d) {   if (d.value === 0) { return 1e-6; }   else { return 1; } }) .text(function(d) { return d.data.label; });

Comments

Post a Comment

Popular posts from this blog

ios - iPhone/iPad different view orientations in different views , and apple approval process -

i force app's home screen portrait , other views landscape. apple rejects app if this? if not , how force first screen launch in portrait mode? , force other screens launch in landscape. this not duplicate question search every possible answer in website. i force app's home screen portrait , other views landscape. apple rejects app if this? no apple not reject app this. have lot of apps doesn't support orientation. forcing on 1 screen won't cause app reject. if not , how force first screen launch in portrait mode? , force other screens launch in landscape. can on write : -(nsuinteger)supportedinterfaceorientations; function.
Read more

java Extracting Zip file -

i'm looking way extract zip file. far have tried java.util.zip , org.apache.commons.compress, both gave corrupted output. basically, input zip file contain 1 single .doc file. java.util.zip: output corrupted. org.apache.commons.compress: output blank file, 2 mb size. so far commercial software winrar work perfectly. there java library make use of this? this method using java.util library: public void extractzipnative(file filezip) { zipinputstream zis; stringbuilder sb; try { zis = new zipinputstream(new fileinputstream(filezip)); zipentry ze = zis.getnextentry(); byte[] buffer = new byte[(int) ze.getsize()]; fileoutputstream fos = new fileoutputstream(this.tempfolderpath+ze.getname()); int len; while ((len=zis.read(buffer))>0) { fos.write(buffer); } fos.flush(); fos.close(); } catch (filenotfoundexception e) { // todo auto-generated catch block ...
Read more

C# WinForm - loading screen -

i ask how make loading screen (just picture or something) appears while program being loaded, , disappears when program has finished loading. in fancier versions, have seen process bar (%) displayed. how can have that, , how calculate % show on it? i know there form_load() event, not see form_loaded() event, or % property / attribute anywhere. all need create 1 form splash screen , show before main start showing landing page , close splash once landing page loaded. class splashform { //delegate cross thread call close private delegate void closedelegate(); //the type of form displayed splash screen. private static splashform splashform; static public void showsplashscreen() { // make sure launched once. if (splashform != null) return; thread thread = new thread(new threadstart(splashform.showform)); thread.isbackground = true; thread.setapartmentstate(apartmentstate.sta); thread....
Read more