javascript - How can I add both plotLines and plotBands to a HighStocks graph using HighChart? -


i've been trying add plotlines graph , i've followed syntax online; however, plotline not appear.

the plotbands appear fine, trying see may missing work.

below link jsfiddle: https://jsfiddle.net/fbmoju7f/75/

$.getjson('https://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?', function(data) {    highcharts.stockchart('container', {      title: {        text: 'morphine'      },        xaxis: {      type: 'datetime',        floor: date.utc(2017, 2, 2),        ceiling: date.utc(2017, 2, 9),        plotline: {          value: date.utc(2017, 2, 8),          color: '#3a1231', //purple          width: 2,          dashstyle: 'solid'        }      },        yaxis: { //keep yaxis ----------------------------------------        floor: 0,        ceiling: 100,        plotbands: [{          color: '#f9f98e', //yellow          from: 0,          to: 10        }, {          color: '#9df98e', //green          from: 10,          to: 30        }, {          color: '#f9958e', //red          from: 30,          to: 100        }]      },        rangeselector: {        buttons: [{          type: 'day',          count: 8,          text: '-7d'        }, {          type: 'day',          count: 4,          text: '-3d'        }, {          type: 'day',          count: 3,          text: '-2d'        }, {          type: 'day',          count: 2,          text: '-1d'        }],        selected: 2 //initial view upon opening application      },        series: [{        type: 'spline',        color: '#4c91fa',        data: [ //test data set          [date.utc(2017, 2, 1), 5.7],          [date.utc(2017, 2, 2), 7.3],          [date.utc(2017, 2, 3), 10.3],          [date.utc(2017, 2, 3), 15.6],          [date.utc(2017, 2, 4), 12.7],          [date.utc(2017, 2, 4), 14.0],          [date.utc(2017, 2, 4), 17.8],          [date.utc(2017, 2, 5), 19.1],          [date.utc(2017, 2, 5), 18.4],          [date.utc(2017, 2, 6), 19.5],          [date.utc(2017, 2, 6), 22.7],          [date.utc(2017, 2, 6), 25.1],          [date.utc(2017, 2, 7), 28.2],          [date.utc(2017, 2, 7), 30.4],          [date.utc(2017, 2, 8), 29.6],          [date.utc(2017, 2, 9), 29.0],          [date.utc(2017, 2, 10), 27.8]        ]      }]    });  });
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>  <script src="https://code.highcharts.com/stock/highstock.js"></script>  <script src="https://code.highcharts.com/modules/stock/exporting.js"></script>    <div id="container" style="height: 400px; min-width: 310px"></div>

you have wrong property name , not enclosing plotlines in brackets. should like:

xaxis: {   type: 'datetime',   floor: date.utc(2017, 2, 2),   ceiling: date.utc(2017, 2, 9),   plotlines: [{     value: date.utc(2017, 2, 8),     color: '#3a1231', //purple     width: 2,     dashstyle: 'solid'   }] },

Comments

Post a Comment

Popular posts from this blog

inversion of control - Autofac named registration constructor injection -

does autofac support specifying registration name in components' constructors? example: ninject's namedattribute . you need use autofac.extras.attributed package on top achieve this so let's have 1 interface , 2 classes: public interface ihello { string sayhello(); } public class englishhello : ihello { public string sayhello() { return "hello"; } } public class frenchhello : ihello { public string sayhello() { return "bonjour"; } } then have consumer class, in want select instance injected: public class helloconsumer { private readonly ihello helloservice; public helloconsumer([withkey("en")] ihello helloservice) { if (helloservice == null) { throw new argumentnullexception("helloservice"); } this.helloservice = helloservice; } public string sayhello() { return this.helloservice.sayhello()...
Read more

verilog - Systemverilog dynamic casting issues -

i've code snippet following in testbench function void write_to_port( my_data_type_base data ); my_data_type_extended data_ext; if(!$cast(data_ext, data)); `uvm_error(get_type_name(), "failed cast"); `uvm_info(get_name(), $psprintf("data_ext :\n%s", data_ext.sprint()), uvm_medium) // write data_ext out port.... endfunction when run it, i'm getting uvm_error "failed cast." i'm not quire sure why $cast not returning 1. can see, i'm printing out extended class data item after casting uvm_info. can see it's being cast properly. if don't use $cast if condition, don't runtime error. isn't coding practice use if dynamic cast check if $cast returning 1 ? what might reason behind cast not returning 1 in above case? i think semicolon on line 'if' not belong? i think consumes if statement, , uvm_error executes regardless of how if evaluates: if(!$cast(data_ext, data)); <- no semico...
Read more

ios - Change Storyboard View using Seague -

i have following code checks connection server, , depending on want change views if no connection found. nsstring *connect = [nsstring stringwithcontentsofurl:[nsurl urlwithstring:@"http://myserver.com"] encoding:nsutf8stringencoding error:nil]; if (connect == null) { [self performseguewithidentifier:@"network_failure" sender:self]; } else { // other code here } my problem not change views. have added storyboard segue between 2 views identifier of network_failure . not have navigation controller or that, problem? thanks help! no not problem. first of all, in objectivec exists nil object oriented null . must use that. so: if(connect == nil) or better: if(!connect) so due fact nil not same of null , probably code does't enter in if scope . you have been able discover breakpoint. anyway: be sure set trigger segue (line) 2 view controller , , name network_failure (that not best name. should instead view1toview2 ) as, m...
Read more