jquery - How to add Highcharts low and high data series using javascript -


i trying create graph represents schedule of our store using highcharts. that, use columnrange start , end time store open.

but i'm stuck on how can push data using array , json. here's want achieve. made mock-up hard coded data;

jsfiddle: http://jsfiddle.net/rds_a/lscqugbp/3/  code:     $(function () {      window.chart1 = new highcharts.chart({          chart: {             renderto: 'container1',             type: 'columnrange',             inverted: false         },          title: {             text: "store schedule"         },          xaxis: {             categories: ['monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'yesterday','today']         },          yaxis: {             min: 0,             max: 24,             categories: ['01','02','03', '04','05', '06','07', '08', '09','10', '11', '12', '13', '14', '15','16','17', '18', '19','20', '21','22','23', '24'],             title: {                 text: 'time'             }         },          legend: {             enabled: true         },          plotoptions: {             columnrange: {                 grouping: false             }         },          series: [{             name: 'open',             stack: 'onsite',             color: 'orange',             data: [{                 x: 0,                 low: 7,                 high: 10             },{                 x: 0,                 low: 11,                 high: 16             },{                 x: 1,                 low: 6,                 high: 12             },{                 x: 1,                 low: 17,                 high: 21             }]         },             {             name: 'close',             stack: 'onsite',             color: 'black',             data: [                 {                 x: 0,                 low: 01,                 high: 07             },{                 x: 0,                 low: 10,                 high: 11             },                 ,{                 x: 0,                 low: 15,                 high: 24             },             {                 x: 1,                 low: 1,                 high: 7             },             {                 x: 1,                 low: 12,                 high: 17             },                  {                 x: 1,                 low: 21,                 high: 24             }]                  }]      });     });

while here's i'am have;

jsfiddle: http://jsfiddle.net/rds_a/9p5fc/485/  code:   $(function () {     var jdata = {         "open": {         "y": [4,8],         "name": "open",         "n": [0]         },         "closed": {         "y": [9,12],         "name": "closed",         "n": [1]         }     };      var seriesarr = [];     $.each(jdata, function (key, data) {         var series = {             name: key,             data: []         };          $.each(data.y, function (index, value) {             series.data.push({                 y: value             });         });          $.each(data.n, function (index, value) {             series.data[index].n = value;         });         seriesarr.push(series);     });      var options = {         chart: {             renderto: 'container',             type: 'column',             inverted: false         },         title: {             text: 'store schedule'         },         xaxis: {             categories: ['monday', 'tuesday']         },         yaxis: {             min: 0,             max: 24,             categories: ['01','02','03', '04','05', '06','07', '08', '09','10', '11', '12', '13', '14', '15','16','17', '18', '19','20', '21','22','23', '24'],             title: {                 text: 'time'             }         },          legend: {             enabled: true         },             plotoptions: {             columnrange: {                 stacking: 'percent'             }         },          series: seriesarr     };       var chart = new highcharts.chart(options);  });

thanks in advance can give inputs.


-

Comments

Post a Comment

Popular posts from this blog

OpenCV OpenCL: Convert Mat to Bitmap in JNI Layer for Android -

there several posts converting mat bitmap using utils.mattobitmap() function. i'm assuming function can called in java layer after importing utils class. i want transfer data memory address pointed uint32_t* bmpcontent; in code below. jniexport void jnicall java_com_nod_nodcv_nodcvactivity_runfilter( jnienv *env, jclass clazz, jobject outbmp, jbytearray indata, jint width, jint height, jint choice, jint filter) { int outsz = width*height; int insz = outsz + outsz/2; androidbitmapinfo bmpinfo; if (androidbitmap_getinfo(env, outbmp, &bmpinfo) < 0) { throwjavaexception(env,"gaussianblur","error retrieving bitmap meta data"); return; } if (bmpinfo.format != android_bitmap_format_rgba_8888) { throwjavaexception(env,"gaussianblur","expecting rgba_8888 format"); return; } uint32_t* bmpcontent; if (androidbitmap_lockpixels(env, outbmp,(void**)&bmpcontent)...
Read more

android - org.xmlpull.v1.XmlPullParserException: expected: START_TAG {http://schemas.xmlsoap.org/soap/envelope/}Envelope -

i trying hit soap api in application login purpose , getting above mentioned error , can 1 tell me going wrong , first time soap apis. here code hit soap :- vector<object> args = new vector<object>(); hashtable<string, object> hashtable = new hashtable<string, object>(); hashtable.put("email", "mss.siddhart28@gmail.com"); hashtable.put("password", "siddharth"); args.add(hashtable); soapserializationenvelope envelope = new soapserializationenvelope( soapenvelope.ver11); envelope.dotnet = true; envelope.xsd = soapserializationenvelope.xsd; envelope.enc = soapserializationenvelope.enc; (new marshalhashtable()).register(envelope); httptransportse androidhttptransport = new httptransportse( "http://tempuri.org/", 15000); androidhttptransport.debug = true; string result = ""; try { soapobject request = new soapobject("http:...
Read more

python - How to remove the Xframe Options header in django? -

i have made page has iframe . inside iframe want show multiple different links article facebook, or news, or youtube video or other possible url. but, due xframe header, unable so. referred following link: https://docs.djangoproject.com/en/1.8/ref/clickjacking/ , django xframeoptionsmiddleware (x-frame-options) - allow iframe client ip but didn't help. my settings.py file's middleware_classes is: middleware_classes = ( 'django.contrib.sessions.middleware.sessionmiddleware', 'django.middleware.common.commonmiddleware', 'django.middleware.csrf.csrfviewmiddleware', 'django.contrib.auth.middleware.authenticationmiddleware', 'django.contrib.auth.middleware.sessionauthenticationmiddleware', 'django.contrib.messages.middleware.messagemiddleware', 'django.middleware.clickjacking.xframeoptionsmiddleware', ) from http://django-secure.readthedocs.org/en/latest/middleware.html , found using ...
Read more