javascript - Equal Space between the legends in d3 -

-

i newbie in using d3 library, trying have equal space between legends. in current stage of work -attached- not provide equal spaces.

i know how able fix.

enter image description here

here code have far:

var margin = { top: 20, right: 50, bottom: 30, left: 60 };      self.drawlegends = function () {              var legenddata = [{ "color": "blue", text: "normal distribution" }, { color: "green", text: " ave a" }, { color: "red", text: "ave b" }]             var legends = self.svg.selectall("g legends").data(legenddata);             var legendbox = legends.enter()                  .append("g")                  .attr("transform", function (d, i) { return "translate(" + parsefloat((i + 1) * (($("#chart").width() - margin.left - margin.right) / 4)) + ",-10)" })          var circles = legendbox.append("circle")             .attr("r", 5)             .attr("stroke", "black")             .attr("fill", function (d, i) { return d.color })          legendbox.append("text")            .attr("dx", function (d) { return 10 })            .attr("dy", function (d) { return 5 })            .attr("fill","white")            .text(function (d) { return d.text })     },

here's updated fiddle think you're after: http://jsfiddle.net/henbox/7le4tc92/2/

when first draw circle , text in each g element, don't use transform. then, select each g , text length (using getcomputedtextlength()) calculate translation want:

svg.selectall("g")     .attr("transform", function (d, i) {         var x_pos = d3.select(this).select("text").node().getcomputedtextlength() + 20;         x_offset = x_offset + x_pos;             return "translate(" + (x_offset - x_pos + margin.left) + ", 20)"     })

Comments

Post a Comment

Popular posts from this blog

c# - SharpSsh Command Execution -

-
Image
i trying create ssh client using c#. using tamir.sharpssh library. having issues sending command , getting appropriate response server. the way have been testing sending on ls command, followed cd.. command, followed ls command again -- see whether or not cd.. command being executed properly. however, there no difference between first ls command , second ls command. not entirely sure doing wrong. perhaps using wrong ssh type. have provided code , output getting. have added output expect. using tamir.sharpssh; namespace sshnetexample { class program { static void main(string[] args) { sshexec ssh = null; try { console.write("-connecting..."); ssh = new sshexec(host, username, password); ssh.connect(); console.writeline("ok ({0}/{1})", ssh.cipher, ssh.mac); console.writeline("server version={0}, client versio
Read more

python - Specify path of savefig with pylab or matplotlib -

-
i struggling on how find correct way specify save path (or repository) when calling function savefig in matplotlib or pylab. i tried several syntaxes, everytime python console returns : filenotfounderror: [errno 2] no such file or directory: '../mydocs/resource/frames/myimage.png' currently, have written following : pylab.savefig('../mydocs/resource/frames/myimage.png') does know how it? thanks in advance! the tilde operator , variable $home entered strings , therefore not function while saving. have provide either relative path (as did) or provide full path. eg. pylab.savefig("/home/username/desktop/myfig.png") .
Read more

How to run C# code using mono without Xamarin in Android? -

-
i want create program uses mono runtime run c# code (binary not application). i copied libmono.so unity app , i'm write code using documentation: http://www.mono-project.com/docs/advanced/embedding/ and it's working have problems references can access classes mscorlib.dll , have problems system.reflection.assembly class throwing exception, when print console see: system.missingmethodexception: method not found: 'system.reflection.assembly.op_inequality' can fix it? can use mono runtime in c binary on android? ps. i'm using android tests. edit: found solution loading libraries, need set environment variable mono_path libraries path. but have still problems assembly class. the system.missingmethodexception error have seems .net profile mismatch error, 1 explained here . can use mono runtime in c binary on android? yes, using ndk guess. there alternatives can use instead of rolling own, such xmadevlab .
Read more