javascript - d3.js can't change outer radius of arc -


I have some donut layouts in my code: 
  var cityPercentage = [50,  30, 20,10]; Var width = 300, height = 300, radius = 100; Var color = d3.scale.linear () .domain ([0,60]). Color (["red", "blue"]); ("Width", width) .attr ("height", height) .attr ("class", "span4"); var city division = d.seselect ("# cities") .append ("svg"). Var group = citydivision.endend ("g") .attr ("conversion", "translation (" + width / 2 + "," + height / 2 + ")"); Var arc = d3.svg.arc (). Witrateredius (Radius-19) .Untra radius (radius); var pi = d3 Layout. (). Value (function (d) {return d;}); Var arcs = group.selectAll (". Arc"). Data (Pie (city credit)). Center () .append ("g") .attr ("class", "arc") .attr ("id", function (d) {return d.data;}); Arcs.append ("path") .attr ("d", arc) .attr ("fill", function (d) {return color (d.data);});   
 On the mouse, I want it to make the radius of the external. Here's what I have:  
  $ (". Arc"). ("Mouseover", (function () {console.log ($ (this). Find ("path")); $ (this) .fund ("path"). Transition (). Period (10) .attr ("Outer radius", radius + 20);}));   
 It says  
  Unkit type error: Undefined is not a function VM24: 44 (anonymous function) VM24: 44 jQuery.event.dispatch jquery js: 5095 elemData.handle    
 
 
 As mentioned in the comments, An arc generator should use the infection by using  
 Add an  onClick  listener and create another type of arc, and then change the  d  attribute of the path:   var arc = d3.svg.arc (). Witrateredius (Radius-19) .Untra radius (radius); Var arcLarge = d3.svg.arc (). Electricity radius (Radius-25). Otterra radius (Radius +10); Var pi = d3 Layout. (). Value (function (d) {return d;}); Var toggleArc = function (p) {p.state =! P.state; Var dest = p.state? Archlurge: Arc; D3 Selection (this). Selection ("path"). Infection (). Duration (1000) .attr ("d", dest); }; Var arcs = group.selectAll (". Arc"). Data (Pie (city credit)). Center () .append ("g") .attr ("class", "arc") .attr ("id", function (d) {d.data;}) .on ("click", toggleArc) .append ("Path") .attr ("d", arc) .attr ("fill", function (d) {return color (d.data);});   
 In this example, I toggle the status of the data element, so it toggles between the normal and expanded form.  
 View.

Comments

Post a Comment

Popular posts from this blog

Java - Error: no suitable method found for add(int, java.lang.String) -

I'm in the middle of homework work and I'm stuck. At this point in my code, I think that I should have a GUI window that opens and allows me to type "inserted text number". Notice is not going anywhere but at this point, If I pass through the problem then it will be in a linked list. I am getting two of the same error for the lines. Add (index, element); And I can not seem to get past it, there is no suitable method for the error "add (int, java. string string)". Code is below, please advise. To clarify - this will not be a method error because it is a linked list. There should not be any way involved. import java.awt. *; Import java.awt.event. *; Import javax.swing. *; Import java.util. *; Import java.util.Scanner; Import java.util.LinkedList; Public class TopTenList JFrame {Private TopTenList tt; See the Private JTextArea list; Private JTextField cmdTextField; Private JTextField resultsTestfield; // This GUI window is the code for the public toptist...
Read more

java - JPA TypedQuery: Parameter value element did not match expected type -

I am using JPA 2.0 and getting the following code in the DAO layer: Public Zero Test () {string key = "status"; String [] Conditions = {"A", "B"}; & Lt; TestTable & gt; Results = Search (Keys, Conditions); } Public listing & lt; TestTable & gt; Search (string key, object value error) {string sql = "test ndf to testlet and jade nand." + Key + "in:" + key; TypedQuery & LT; TestTable & gt; Query = entityManager.createQuery (SQL, TestTable.class); Query.setParameter (key, Arrays.asList (valueArr)) / *** Error Line *** Return query.getResultList (); } In the above error line, it throws the following exception: java.lang.IllegalArgumentException: parameter value element [[Ljava.lang.String; @ cbe5bc] did not match the expected type [java.lang.String] Why is this expected type string while actually this string []? Please help! Note: This is derived from the normal routine and is a simplified code. I can no...
Read more

c++ - static template member variable has internal linkage but is not defined -

Yes, I know, there is a question with almost the same title, but it refers to a different situation. Error message) In my case, I have a .cpp file with a big named designation name (implementation details). There is a property class template with a static data member in that name space, which I need to access from outside the unknown namespace. I give it a little bit of meat: file.hpp namespace Bar {template & lt; Typename A & gt; Struct foo {static_assert (is_same & lt; a, float & gt; :: value} is_same & lt; a, double>: value, ""); Fixed zero set_static_var (a const & x); // ...}; } and file.cpp namespace {template & lt; Typename A & gt; Struct foo_traits {// supports the implementation of several static code bars: foo & lt; & Gt; Fixed A data; }; The template's & lt; & Gt; Float foo_traits & lt; Float & gt; :: datum; // No change if this is in the global namespace template & lt; & Gt; Doub...
Read more