javascript - IF-statement stroke in a line diagram using d3.js -

-

i've drawn graph using data out of database, , want line turn red when number in database gets higher 500 (like below). unfortunately doesn't work way, , i've tried other stuff, no succes.

though dashed line work using code .style("stroke-dasharray", ("3, 3"))

my question: possible let stroke color turn red when y value gets higher point in d3.js?

// adds svg canvas var svg = d3.select("body")                                 // explicitly state svg element go on web page (the 'body')     .append("svg")                                          // append 'svg' html 'body' of web page         .attr("width", width + margin.left + margin.right)  // set 'width' of svg element         .attr("height", height + margin.top + margin.bottom)// set 'height' of svg element     .append("g")                                            // append 'g' html 'body' of web page         .attr("transform", "translate(" + margin.left + "," + margin.top + ")"); // in place actual area graph  d3.json("php/data2.php", function(error, data) {            // go data folder (in current directory) , read in data.tsv file     data.foreach(function(d) {                              // data values carry out following         d.date = parsedate(d.date);                         // parse date set format (see parsedate)         d.close = +d.close;                                 // makesure d.close number, not string });  // scale range of data x.domain(d3.extent(data, function(d) { return d.date; }));      // set x domain wide range of dates have. y.domain([0, d3.max(data, function(d) { return d.close; })]);   // set y domain go 0 maximum value of d.close  // add valueline path. svg.append("path")                                      // append valueline line 'path' element     .attr("class", "line")                              // apply 'line' css styles path     .style("stroke-dasharray", ("3, 3"))     .attr("d", valueline(data));                        // call 'valueline' finction draw line  // add x axis svg.append("g")                                         // append x axis 'g' (grouping) element     .attr("class", "x axis")                            // apply 'axis' css styles path     .attr("transform", "translate(0," + height + ")")   // move drawing point 0,height     .call(xaxis);                                       // call xaxis function draw axis  // add y axis svg.append("g")                                         // append y axis 'g' (grouping) element     .attr("class", "y axis")                            // apply 'axis' css styles path     .call(yaxis);                                       // call yaxis function draw axis

your data not binded correctly element, it's difficult tell without complete code. need...

svg.selectall("path")     .data(data)     .enter()     .append("path")                                         .attr("class", "line")                                   .attr("stroke", function(d) {..});

you can see simplified demonstration of code here: http://jsfiddle.net/duopixel/v84fz/


Comments

Post a Comment

Popular posts from this blog

java - Jmockit String final length method mocking Issue -

-
using jmockit 1.2 jar, trying mock string's length method getting unexpected invocation exception: failed: test java.lang.illegalstateexception: missing invocation mocked type @ point; please make sure such invocations appear after declaration of suitable mock field or parameter @ stringdemo.testa$1.<init>(testa.java:17) @ stringdemo.testa.test(testa.java:13) i using testng: @test public void test() throws exception { new expectations() { @mocked("length") string astring; { astring.length(); result = 2; } }; system.out.println(a.showa("test")); } } actual class a: public class { public static int showa(string str){ int a= str.length(); return a; } } this wrong way of recording expected results. shouldn't mock , record string's length() method, record showa() instead. here solution @suppresswarnings("unused...
Read more

What is the difference between data design and data model(ERD) -

-
i have google question , find answer in day. know, data design many many table have list column,and mark pk , fk. why er-diagram have find this? data design process of designing database. main output of data design detailed logical data model of database. some people data design includes of needed logical , physical design choices , physical storage parameters needed generate design in data definition language. technically, database analysis, database analysts (dbas) trained do. while person can both data design , database analysis, these 2 different tasks. data design models data. database analysis takes model , applies 1 or more database engines (relational, hierarchical, nosql). a logical data model 1 of main outputs of data design. data model represented entity relationship diagram, or er diagram.
Read more

ios - Can NSManagedObject conform to NSCoding -

-
i need transfer single object across device. right converting nsmanagedobject dictionary , archiving , sending nsdata. upon receiving unarchiving it. transfer nsmanagedobject archiving , unarchiving instead of creating intermediate data object. @interface test : nsmanagedobject<nscoding> @property (nonatomic, retain) nsstring * title; @end @implementation test @dynamic title; - (id)initwithcoder:(nscoder *)coder { self = [super init]; if (self) { self.title = [coder decodeobjectforkey:@"title"]; //<crash } return self; } - (void)encodewithcoder:(nscoder *)coder { [coder encodeobject:self.title forkey:@"title"]; } @end nsdata *archivedobjects = [nskeyedarchiver archiveddatawithrootobject:testobj]; nsdata *objectsdata = archivedobjects; if ([objectsdata length] > 0) { nsarray *objects = [nskeyedunarchiver unarchiveobjectwithdata:objectsdata]; } the problem above code is. crashes @ self.title in initwithcoder sa...
Read more