javascript - Plotting Global variable Highcharts -


after many failed attempts, thought let smarter me correct me. creating simple chart using highcharts. data retrieved once (php code below) using $.post method. in console see formatted. yet, cannot highcharts display it. have tried many different ways variety of posts still nothing.

everything works fine if use $.getjson , create chart. however, end user go , forth many time review same data. not want query every time. idea place data on global variable using data generate chart.

here php:

<?php      require_once "../includes/config_rev.php";     require_once "../includes/connect.php";     global $db;      $st = $db->prepare("select * mdo");        $st->execute();           $category = array();         $category['name'] = 'mes';          $series1 = array();         $series1['name'] = 'temporeros';          $series2 = array();         $series2['name'] = 'planta';          $series3 = array();         $series3['name'] = 'movilizacion';      foreach ($st $stmenuselection)         {             $category['data'][] = $stmenuselection['mes'];             $series1['data'][] = $stmenuselection['temporeros'];             $series2['data'][] = $stmenuselection['planta'];             $series3['data'][] = $stmenuselection['movilizacion'];           }      $results = array();         array_push($results,$category);         array_push($results,$series1);         array_push($results,$series2);         array_push($results,$series3);      $json = json_encode($results, json_numeric_check);     echo $json;      $db = null;   ?>

here js creates chart:

var mdo;  $(document).ready(function()    {     $.post('_presu_mdo.php', function ( data ) {mdo = data});  });  function manodeobra() {     var options = {         chart: {             renderto: 'mdo',             type: 'bar'         },         title: {             text: 'presupuesto de mano de obra',             x: -20 //center         },         subtitle: {             text: '',             x: -20         },         xaxis: {             categories: mdo[0]         },         yaxis: {             min: 0,             title: {                 text: 'requests'             },             labels: {                 overflow: 'justify'             }         },         tooltip: {             formatter: function() {                     return '<b>'+ this.series.name +'</b><br/>'+                     this.x +': '+ this.y;             }         },         legend: {             layout: 'vertical',             align: 'right',             verticalalign: 'top',             x: -10,             y: 100,             borderwidth: 0         },         plotoptions: {             bar: {                 datalabels: {                     enabled: true                 }             }         },         series: []     }      options.xaxis.categories = mdo[0]['mes'];     options.series[0] = mdo[1]['temporeros'];     options.series[1] = mdo[2]['planta'];     options.series[2] = mdo[3]['movilizacion'];     chart = new highcharts.chart(options);   }

how can function manodeobra() draw chart using mdo variable without having again run query?

thanks in advance,

i see number of potential problems:

1.) when call manodeobra function? since $.post async need make sure don't call until after completes.

2.) state ajax looks array of objects:

[     {         "name": "mes",         "data": [             "enero",             "febrero",             "marzo",             "abril",             "mayo",             "junio",             "julio",             ‌​"agosto",             "septiembre",             "octubre",             "noviembre",             "diciembre"         ]     },     {         "name": "temporeros",         "d‌​ata": [             22000000,             17000000,             18000000         ]     },     {         "name": "planta",         "data": [             15000000,             15000000,             150‌​00000, <-- ie won't this!                        ]     },     {         "name": "movilizacion",         "data": [             2000000,             2000000,             2000000         ]     } ]

the dangling comma in planta invalid ie.

also have: 

options.xaxis.categories = mdo[0]['mes']; options.series[0] = mdo[1]['temporeros']; options.series[1] = mdo[2]['planta']; options.series[2] = mdo[3]['movilizacion'];

these properties on each array item don't exist in json. also, series attribute in options object empty array, .series[1] , .series[2] invalid.

i suspect need:

options.xaxis.categories = mdo[0]['data'] options.series.push(mdo[1]); options.series.push(mdo[2]); options.series.push(mdo[3]);

3.) learn inspect javascript console errors (in ie or chrome press f12). of these problems evident if checked errors.


Comments

Post a Comment

Popular posts from this blog

commonjs - How to write a typescript definition file for a node module that exports a function? -

consider, toml node module can use: // toml.d.ts declare module toml { export function parse(value:string):any; } declare module "toml" { export = toml; } then: /// <reference path="../../../../../defs/toml/toml.d.ts"/> import toml = require('toml'); toml.parse(...); however, node module export single function, such 'glob' ( https://github.com/isaacs/node-glob ). the node usage of module be: var glob = require("glob") glob("*.js", {}, callback(err, files) { ... }); you'd naively expect this: // glob.d.ts declare function globs(paths:string, options:any, callback:{(err:any, files:string[]):void; ...but because typescripts 'import' semantics bit strange, seems can use 'import .. = require()' statement alias modules . trying call: /// <reference path="../../../../../defs/glob/glob.d.ts"/> import blog = require('glob'); results in: error ts2072: mod...
Read more

openid - Okta: Failed to get authorization code through API call -

i'm integrating okta own idp server using okta's api. i'm implementing authorization code flow following steps below: in own server, use /api/v1/authn endpoint sessiontoken. use sessiontoken obtain authorization calling endpoint: /oauth2/v1/authorize?client_id=" + clientid + "&sessiontoken=" + sessiontoken + "&response_type=code&response_mode=query&scope=openid&redirect_uri=" + redirecturl + "&state=evanyang&nonce=" it's supposed return response status code 302 , location header containing redirect url code value. however, keep getting response status code 200 , without location header, html body saying "you using unsupported browser." , "javascript disabled on browser." according api documentation: http://developer.okta.com/docs/api/resources/oidc.html#authentication-request , sessiontoken parameter sufficient this: an okta one-time sessiontoken. allows api-based ...
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