javascript - D3 Line Chart: Setting Y.domain values to centre on a specific number -

-

my line chart uses entries.value make y.axis, i'm wanting make absolute centre of y axis number goal.value.

https://jsfiddle.net/everina/hdz2oxhb/1/ in example see dashed line, goal.value, want make dashed line in centre of graph. (so 15 number now) i'm unsure how this.

currently dashed line in view if entries.value close enough it.

var entries = [{"date":"2016-01-06","value":15},{"date":"2015-11-17","value":15.4},{"date":"2015-11-11","value":16.5},{"date":"2015-09-24","value":15.1},{"date":"2015-08-22","value":15},{"date":"2015-08-12","value":15},{"date":"2015-07-30","value":14.6},{"date":"2015-07-19","value":14.8},{"date":"2015-07-18","value":14.9},{"date":"2015-07-12","value":14.9},{"date":"2015-07-08","value":14.9},{"date":"2015-06-29","value":14.3},{"date":"2015-06-21","value":14.5},{"date":"2015-06-18","value":14.7},{"date":"2015-06-09","value":15},{"date":"2015-06-08","value":14.1},{"date":"2014-12-06","value":13.4},{"date":"2014-09-10","value":13.1},{"date":"2014-08-01","value":14.2},{"date":"2014-07-07","value":15},{"date":"2014-05-31","value":14},{"date":"2014-05-24","value":15},{"date":"2014-05-14","value":15},{"date":"2014-05-13","value":14},{"date":"2014-05-08","value":14.5},{"date":"2014-05-02","value":15}],     goal = {"value":13.5,"date":"2014-05-02"};  function enter(data, goal) {      data.foreach(function(d) {         d.date = parsedate(d.date);         d.value = +d.value;     });      data.sort(function(a, b) {         return a.date - b.date;     });    x.domain([data[0].date, data[data.length - 1].date]);    // here y axis made. need edit somehow force use goal.value middle number   y.domain(d3.extent(data, function(d) { return d.value; }));    svg.append("path")       .datum(data)       .attr("class", "area")       .attr("d", area);    svg.append("path")       .datum(data)       .attr("class", "line")       .attr("d", line);    svg.append("g")       .attr("class", "x axis")       .attr("transform", "translate(0," + height + ")")       .call(xaxis);    svg.append("g")       .attr("class", "y axis")         .attr("transform", "translate(" + width + ",0)")       .call(yaxis);      // here make dashed goal line     svg.append("line")         .attr("class", "goal")         .attr("y1", y(goal.value))         .attr("x1", x(data[0].date))         .attr("y2", y(goal.value))         .attr("x2", x(data[data.length - 1].date));  }

change y domain on axis such 'goal.value' @ center of domain.

  //y.domain(d3.extent(data, function(d) { return d.value; }));   var e = d3.extent(data, function(d) { return d.value; });   var e_max_delta = math.max( math.abs( e[0] - goal.value ), math.abs( e[1] - goal.value ) );   y.domain([goal.value - e_max_delta, goal.value + e_max_delta]);

https://jsfiddle.net/hdz2oxhb/2/


Comments

Post a Comment

Popular posts from this blog

Capture and play voice with Asterisk ARI -

-
there channel ari demo in wich can control channel state: ring, answer, play silence, play tone or audio-file ( https://github.com/asterisk/ari-examples/tree/master/channel-state , https://wiki.asterisk.org/wiki/display/ast/ari+and+channels%3a+manipulating+channel+state ) possible receive chunks (parts, buffers, etc.) of call voice (which created remote subscriber) or write chunks of voice, example array of bytes (not file) in audio format (alaw, ulow etc). you can use asterisk eagi interface voice data. other option use record or mixmonitor app record channel(channel have put stasis allow dialplan control ari) "write chunks of voice" can done application playback also can create own application using c/c++, compile asterisk , result want. no, can't redirect voice directly using ari.
Read more

java - Why database contraints in HSQLDB are only checked during a commit when using transactions in Hibernate? -

-
i spotted odd behavior in hsql, seems when using database transactions database contraints not checked during sql inserts during sql commits , when transaction rollbacked not checked @ all. i have spring integration test: @runwith(springjunit4classrunner.class) @transactionconfiguration(defaultrollback=true, transactionmanager="transactionmanager") @transactional public class integrationtest { with test creates new entity instance , calls hibernate's persist on it. it works fine, when change defaultrollback false fails: caught exception while allowing testexecutionlistener [org.springframework.test.context.transaction.transactionaltestexecutionlistener@517a2b0] process 'after' execution test: method [public void myintegrationtest.test()], instance [myintegrationtest@546e61d5], exception [null] org.springframework.dao.dataintegrityviolationexception: not execute statement; sql [n/a]; constraint [null]; nested exception org.hibernate.exception.const...
Read more

visual studio - Installing Packages through Nuget - "Central Directory corrupt" -

-
i'm trying add package project using nuget (in vs2015). when click "install" button see downloading missing packages... at top of screen progress bar. after moment message replaced - an error occurred while trying restore packages: central directory corrupt. with "restore" button @ end same process. anyone have idea how fix this? edit 07/2017 a far easier method of solving issue visual studio re-download package - in visual studio open tools -> options . select nuget package manager . ensure both allow nuget download missing packages , automatically check missing packages during build in visual studio both ticked. click ok . in file explorer window navigate projects' "packages" folder. two options - figure out package @ fault described in original answer , delete its' folder or (if sure packages still available in nuget) delete package folders. back in visual studio build solution. visual s...
Read more