javascript - Onclick event for hightcharts range selector -

-

here have requirement in highcharts have range selector 1d,1w,1m,3m,6m,all when click of range selector have response data server means ajax call onclick range selector. have below fiddle file has code . has problem adding data using 

$.getjson('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?', function(data) {      if(data != null) {         chart.addseries({             name : 'energy consumption',             id   : 'energyconsumption',             data : data         },{             name : 'outdoor temperature',             id   : 'outdoordata',             data : data         }         );            }  });

the above code working if changed data static or jquery callback response not working. fiddle file below http://jsfiddle.net/uegzk/4/

please me on in advance,

instead of reset_all_buttons function, calling chart.rangeselector.clickbutton(index) apply highstock's default behavior. have use case i'm switching between daily , intraday stock prices. when switch 3day view, want more granular intraday prices equidistant datapoints. on longer-range views, want xaxis ordinal:true points time-based. here's load event (typescript)

chart: {     events: {         load: function() {             var chart: highchartschartobject = <highchartschartobject>this;             var replaceseries = (serieses: highchartsseriesoptions[]): void => {                 while(chart.series.length > 0) {                     chart.series[0].remove(false);                 }                 _.each(serieses, (series: highchartsseriesoptions) => {                     chart.addseries(series, false);                 });                 chart.redraw();             }             var buttons = chart.rangeselector.buttons;             buttons[0].on("click", function(e) {                 if (chart.rangeselector.selected !== 0) {                     _.each(this.xaxis, (xaxis: any): void => {                         xaxis.options.ordinal = false;                         xaxis.options.minrange = undefined;                     });                     replaceseries(chartdataservice.builddataseries(true));                 }                 chart.rangeselector.clickbutton(0);             });             _.each(buttons, (button, index: number): void => {                 if (index !== 0) {                     button.on("click", function(e) {                         if (chart.rangeselector.selected === 0) {                             _.each(this.xaxis, (xaxis: any): void => {                                 xaxis.options.ordinal = true;                                 xaxis.options.minrange = 1000 * 60 * 60 * 24 * 7; // 1wk daily data                             });                             replaceseries(chartdataservice.builddataseries(false));                         }                         chart.rangeselector.clickbutton(index);                     });                 }             })         }     } }

Comments

Post a Comment

Popular posts from this blog

java - Run spring boot application error: Cannot instantiate interface org.springframework.context.ApplicationListener -

-
i have spring project , try make use spring boot , run @ embadded tomcat following : https://spring.io/guides/gs/rest-service/ this application //@configuration //@enableaspectjautoproxy @springbootapplication @componentscan(basepackages = "gux.prome") public class application { public static void main(string[] args) { springapplication.run(application.class, args); } } if use maven command: mvn spring-boot:run , project starts fine, need debug , run main method @ intelij, exception occurs: exception in thread "main" java.lang.illegalargumentexception: cannot instantiate interface org.springframework.context.applicationlistener : org.springframework.boot.logging.classpathloggingapplicationlistener @ org.springframework.boot.springapplication.createspringfactoriesinstances(springapplication.java:414) @ org.springframework.boot.springapplication.getspringfactoriesinstances(springapplication.java:394) @ org.springframework.bo...
Read more

reactjs - React router and this.props.children - how to pass state to this.props.children -

-
i'm using react-router first time , don't know how think in yet. here's how i'm loading components in nested routes. entry point .js reactdom.render( <router history={hashhistory} > <route path="/" component={app}> <route path="models" component={content}> </route> </router>, document.getelementbyid('app') ); app.js render: function() { return ( <div> <header /> {this.props.children} </div> ); } so child of app content component sent in. i'm using flux , app.js has state , listens changes, don't know how pass state down this.props.children. before using react-router app.js defines children explicitly, passing state natural don't see how now. using couple of react helper methods can add state, props , whatever else this.props.children render: function() { var children = react.ch...
Read more

Excel VBA "Microsoft Windows Common Controls 6.0 (SP6)" Location Changes -

-
i have excel workbook used generate quotations customers. there main page user inputs data, , there buttons generate various pdfs , send them customer. however, 1 user consistently getting error preventing generating , sending pdfs. i beleive "microsoft windows common controls 6.0 (sp6)". it's installed on users' computers. on mine, location "c:\windows\syswow64\mscomctl.ocx" on others "c:\windows\system32\mscomctl.ocx" the user experiencing issues on 32-bit machine, "mscomctl.ocx" file should in system32. have manually put in there, , pointed common controls reference in vba it. issue seems keep reverting looking in syswow64. since folder doesn't exist, can't find it, , can't produce pdfs. i thought perhaps issue user running older version of office (2007) there users on 2013 , 2016. thought perhaps mixture of 64-bit , 32-bit users. user gets sent workbook other users (as quotation process goes further, gets passed ...
Read more