javascript - D3 - changing the data of multiple lines onclick -

-

i want make code changes data of y , x-axis when press radio button, have working except fact don't know how change data of multiple lines.

i want change data off lines using .csv document,at start use "databelgium.csv" , want change data "datanetherlands.csv"

here radiobuttons in html code:

<form>     <input type="radio" onclick="updatedatatobelgium()" name="country" value="updatetobelgium" checked>belgium     <br>     <input type="radio" onclick="updatedatatonetherlands()" name="country" value="the_netherlands">the netherlands     </form>

here define lines (the data use csv-document linked code)

// define lines var crime = d3.svg.line()     .x(function(d) { return x(d.date); })     .y(function(d) { return y(d.crime); });  var gdp = d3.svg.line()     .x(function(d) {return x(d.date); })     .y(function(d) { return y(d.gdp); });

here add lines svgcontainer (in code use "databelgium.csv" values .attr("d")

// add crime path. svg.append("path")     .attr("class", "line")     .attr("d", crime(data))     .attr("stroke", "red");  // add gdp path. svg.append("path")     .attr("class", "line")     .attr("d", gdp(data))     .attr("stroke", "steelblue");

and ofcours important: here have code change data of lines (in code use "datanetherlands.csv" values .attr("d")

// data again     d3.csv("datanetherlands.csv", function(error, data) {         data.foreach(function(d) {             d.date = parsedate(d.date);             d.crime = +d.crime;             d.gdp = +d.gdp;         });  // select section want apply our changes var svg = d3.select("body").transition();      // make changes <-- here change line values         svg.select(".line")   // change line             .duration(750)             .attr("d", crime(data));

i know change data of crime line since use 1 how select other line since can use "svg.elect(".line")?

ps. adding .attr("d", csv(data)); block of code wont work

so when create gdp line 

//add class crime differentiate gdp line svg.append("path")     .attr("class", "line crime")     .attr("d", crime(data))     .attr("stroke", "red");  ... //add class gdp differentiate gdp line svg.append("path")     .attr("class", "line gdp")     .attr("d", gdp(data))     .attr("stroke", "steelblue");

now when select updating crime lines neitherlands do

svg.select(".crime")            .duration(750)         .attr("d", crime(data)); svg.select(".gdp")            .duration(750)         .attr("d", gdp(data));

in short class names differentiate between 2 lines.


Comments

Post a Comment

Popular posts from this blog

python - How to create jsonb index using GIN on SQLAlchemy? -

-
here's current code creating index jsonb. index("mytable_data_idx_id_key", mytable.data['id'].astext, postgresql_using='gin') but got error. sqlalchemy.exc.programmingerror: (psycopg2.programmingerror) data type text has no default operator class access method "gin" hint: must specify operator class index or define default operator class data type. [sql: "create index event_data_idx_id_key on event using gin ((data ->> 'id'))"] is there way create index on sqlalchemy? the postgresql specific sqlalchemy docs @ http://docs.sqlalchemy.org/en/latest/dialects/postgresql.html#operator-classes mention postgresql_ops dictionary provide "operator class" used postgresql, , provide example illustrating use: index('my_index', my_table.c.id, my_table.c.data, postgresql_ops={ 'data': 'text_pattern_ops', ...
Read more

PHP DOM loadHTML() method unusual warning -

-
i had following code works fine on localhost: $document = new domdocument(); $document->loadhtml($p_result); $form = $document->getelementsbytagname('form')->item(0); // code continues using $form variable after same code updated on outside server, loadhtml() failed , issued warning. warning: domdocument::loadhtml() expects parameter 1 valid path, string given in path/name/to/script.php returned null instead of object code pretty gets fatal error. note contents of $p_result absolutely same on outside server , on localhost. but why displays kind of warning , why not work? doesn't loadhtml() expects argument 1 string in first place? why method expects parameter 1 valid path ? just make clear i'm not calling loadhtmlfile() , i'm calling loadhtml() . thanks. you're affected one of php bugs . issue present in php 5.6.8 , 5.6.9. have affected php version on server, , bug-free version on localhost. the bug forbids null ...
Read more

c# - TransactionScope not rolling back although no complete() is called -

-
i'm using transactionscope rollback transaction fail bool errorreported = false; action<importerrorlog> newerrorcallback = e => { errorreported = true; errorcallback(e); }; using (var transaction = new transactionscope()) { foreach (importtaskdefinition task in taskdefinition) { loader.load(streamfile, newerrorcallback, task.destinationtable, processingtaskid); } if (!errorreported) transaction.complete(); } i'm sure there no transactionscope started ahead or after code. i'm using entity framework insert in db. regardless state of errorreported transaction never rolled in case of error. what missing ? transactionscope sets transaction.current . that's does. wants transacted must @ property. i believe ef each time connection opened reason. probably, connection open when scope installed. open connection inside of scope or enlist manually. ef has nasty "design decision": default opens ...
Read more