javascript - How to force the nvd3 chart timespan to stretch the width of the chart? -


http://plnkr.co/edit/ymrqiogtbqf6tvmtvc4t?p=preview

i have latest d3 , nvd3 libraries in plnkr above. when first view chart, notice timespan ticks 09:00, 08:30, 08:00 etc squished/overlaid on top of each other on left xaxis.

now timespans not correctly stretch length of chart until user either clicks on time range finder below chart, or resizes window.

currently chart looks on first load:

enter image description here

when should looks this:

enter image description here

any idea i'm going wrong? found question here nvd3 set expanded default answer did not work me.

my nv.addgraph code

var data =[{     "key" : "price",     "color" : "#4c73ff",     "values" : [ [ 1443621600000 , 71.89],                  [ 1443619800000 , 75.51],                  [ 1443618000000 , 68.49],                  [ 1443616200000 , 62.72],                  [ 1443612600000 , 70.39],                  [ 1443610800000 , 59.77]] }];  nv.addgraph(function() {       var chart = nv.models.lineplusbarchart()           .margin({top: 20, right: 40, bottom: 50, left: 40})           .x(function(d,i) { return })           .y(function(d) { return d[1] })           .color(d3.scale.category10().range());        chart.xaxis.tickformat(function(d) {           var dx = data[0].values[d] && data[0].values[d][0] || 0;           // return time in hours:           return d3.time.format('%i:%m')(new date(dx))       });        chart.y1axis           .tickformat(d3.format(',f'));        chart.y2axis           .tickformat(function(d) { return '$' + d3.format(',f')(d) });        chart.bars.forcey([0]);       chart.lines.interactive(false);       chart.height(300);       chart.nodata("there no data display @ moment.");        // remove legend:       chart.showlegend(false);        d3.select('#chart svg')           .datum(data)           .transition().duration(500)           .call(chart);        nv.utils.windowresize(chart.update);        return chart;   });

just figured out!

d3.select('#chart svg')     .datum(res)     .transition().duration(500)     .call(chart);  chart.update();  // <- needed add  // nv.utils.windowresize(chart.update);

the following line useless: nv.utils.windowresize(chart.update);

i moved chart.update out of , apparently needed trigger timespan stretch out.


Comments

Post a Comment

Popular posts from this blog

1111. appearing after print sequence - php -

morning, i have code takes string of shoe sizes, explodes , puts in table. code works , info displayed correctly on page after table there few 1's after table. i'm confused this. so table looks (in columns of 3 on webpage) available in following sizes: 3 4 5 6 9 10 111 here's codes, purpose of example $x = 3|4|6|10|9 function get_sizes_pipe($x) { $counter = 0; $splits = explode("|",$x); asort($splits); $x = print "<table class='greentable'>"; $x .= print "<thead><tr><th scope='col' colspan='3' abbr='starter'>available in following sizes:</th></tr></thead><tbody><tr>"; foreach ($splits $split) { $entry = print "<td>".$split."</td>"; if($counter == 2){ $entry .= print "</tr><tr>"; $counter =0; } else { $counter++; ...
Read more

java - WARN : org.springframework.web.servlet.PageNotFound - No mapping found for HTTP request with URI [/board/] in DispatcherServlet with name 'appServlet' -

this question has answer here: why spring mvc respond 404 , report “no mapping found http request uri […] in dispatcherservlet”? 3 answers i trying making simple bbs i'm encountering following error, warn : org.springframework.web.servlet.pagenotfound - no mapping found http request uri [/board/] in dispatcherservlet name 'appservlet' i have tried solve error many times, have failed. how can solve error? here web.xml, controllerand , servlet-context. my web.xml <?xml version="1.0" encoding="utf-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/xmlschema-instance" xsi:schemalocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"> <filter> <filter-nam...
Read more

Ruby on Rails, ActiveRecord, Postgres, UTF-8 and ASCII-8BIT encodings -

weirdest error, who’s challenge try , me? spent hours yesterday on , it’s magic. can't believe happening , it's driving me crazy. btw, using: rails 4.2.3 ruby 2.2.3 pg 0.18 encoding.default_internal = encoding.default_external = utf-8 config.encoding = 'utf-8' it has postgres, activerecord , encodings! turns out we’ve been getting these errors whenever create new users on database special characters: encoding::undefinedconversionerror: "\xc3" ascii-8bit utf-8 \xc3 may vary depending on characters. weird part we’ve set since beginning utf-8. makes no sense , digged it, , used script: user.all.each |user| user.attributes.each |name, value| if value.is_a? string puts user.email + name.encoding.to_s + value.encoding.to_s end end end and output of 1 of users, users same: dr_lottahelp@blahblah.comutf-8utf-8 dr_lottahelp@blahblah.comutf-8ascii-8bit dr_lottahelp@blahblah.comutf-8ascii-8bit dr_lottahelp@blahblah.comutf-8asci...
Read more