javascript - How to convert time range to display in hours not date? (nvd3 chart) -


http://plnkr.co/edit/19d5cnrvydurmlblqary?p=preview

enter image description here

above chart, values i've passed 1 day, 30 minute intervals:

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]] }];

which correspond following (epoch converter):

9/30/2015, 9:00:00 gmt-5:00 dst 9/30/2015, 8:30:00 gmt-5:00 dst 9/30/2015, 8:00:00 gmt-5:00 dst 9/30/2015, 7:30:00 gmt-5:00 dst 9/30/2015, 6:30:00 gmt-5:00 dst 9/30/2015, 6:00:00 gmt-5:00 dst

how change format of date on chart showing 9/30/2015 show instead 9:00?

i couldn't find in docs talking time or timespans http://nvd3-community.github.io/nvd3/examples/documentation.html#line

full code directive:

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: 30, right: 60, bottom: 50, left: 70})     .x(function(d,i) { return })     .y(function(d) { return d[1] })     .color(d3.scale.category10().range());    chart.xaxis     .showmaxmin(false)     .tickformat(function(d) {       var dx = data[0].values[d] && data[0].values[d][0] || 0;       return d3.time.format('%x')(new date(dx))     });    chart.y1axis     .tickformat(d3.format(',f'));    chart.y2axis     .tickformat(function(d) { return '$' + d3.format(',f')(d) });    chart.bars.forcey([0]);    d3.select('#chart svg')     .datum(data)     .transition().duration(500)     .call(chart);    nv.utils.windowresize(chart.update);    return chart; });

just found question understanding nvd3 x-axis date format

which helped me find this: https://github.com/mbostock/d3/wiki/time-formatting

i'm able correct change time now:

from timerangeconvertfactory service made

function converttime(when) {     switch(when) {         case 'lh':         case 'ld':             return '%i:%m';             break;         case 'lw':         case '1mo':         case '3mo':             return '%x';             break;         case '1yr':         case '2yr':         case 'max':             return '%m:%y';             break;     } }

and in directive:

// timespan: var timerange = timespanfactory.gettimespan(); console.log('timerange =',timerange.when);  // convert timespan nvd3 format: var nvd3timerange = timespanconvertfactory.converttime(timerange.when); console.log('nvd3timerange =',nvd3timerange);  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 = res[0].values[d] && res[0].values[d][0] || 0;         return d3.time.format(nvd3timerange)(new date(dx))         // return d3.time.format('%i:%m')(new date(dx))         // return d3.time.format('%x')(new date(dx))     });     ....

Comments

Post a Comment

Popular posts from this blog

html - Outlook 2010 Anchor (url/address/link) -

i'm trying link specific pdf page msoutlook'10 or msword'10, #page=... anchor particularly useful , works fine elsewhere. unfortunately when click [ctr-k] in outlook or winword, links re-formatted assuming unc path. pdf file located on shared drive. using "file:" prefix links open pdf in adobe reader (outside of browser), , "http:" open inside browser. issue seem need open in browser "file:" prefix in order anchor work. know anchors work inside browser. outlook uses windows/explorer default program (based on file extension) seems open in adobe reader neglecting anchor. is aware of solution, link specific page or bookmark of shared-pdf ms outlook and/or winword link? common references: mailermailer.com/...anchor-tags-html-emails campaignmonitor.com/...anchor-links-in-email-newsletters/ stackoverflow.com/...anchor-in-pdf-document
Read more

javascript - Why does running this loop 9 times take 100x longer than running it 8 times? -

consider code: test = function() { } t = new test(); (var = 0; < 8; i++) { result = t instanceof test; } if change number of iterations 8 9 , loop take 100 times longer complete in latest version of firefox (41.0.1). tested on 2 different pcs , magic limit 8. here jsperf test used: http://jsperf.com/instanceof-8-times-vs-9-times does have idea why might happen? seems specific instanceof . not happen if else object, example check property. note: filed bugzilla bug this. jan de mooij mozilla team has posted details in bugzilla thread . here's simplistic interpretation of highly technical answers: in i < 8 case, firefox smart enough hoist result = t instanceof test; statement out of loop (according tests, doesn't seem omit altogether). in i < 9 case, apparently doesn't optimization . why? reason not clear, related fact 9 iterations threshold above function considered "hot" enough run through jit compiler. i < 8 cas...
Read more

Getting gateway time-out Rails app with Nginx + Puma running on Digital Ocean -

following this guide setup app on digital ocean droplet, not working. site not loading , it's throwing: "gateway time-out". the puma server works, since ps aux | grep puma prints: root 15878 0.0 0.4 376832 2168 ? sl 12:50 0:00 puma 2.13.4 (unix:///var/www/myapp/shared/tmp/sockets/myapp-puma.sock) [20150930164940] root 15881 0.0 0.7 903676 3692 ? sl 12:50 0:06 puma: cluster worker 0: 15878 [20150930164940] root 24654 0.0 0.1 11748 916 pts/2 s+ 18:00 0:00 grep --color=auto puma my nginx config: user root; worker_processes 1; events { worker_connections 1024; } http { upstream puma { server unix:///var/www/myapp/shared/tmp/sockets/myapp-puma.sock; } server { listen 80; server_name myapp.com; root /var/www/myapp/current/public; access_log /var/www/myapp/current/log/access.log; error_log /...
Read more