javascript - Dual y axes in Google charts -


i trying use dual y axes google charts.i understand basics , how works.

on 1 y axis, want bmi values , on other weight values.

i taking out data sql database. however, bmi , weight values in column called readingname. so, if use query, 

select * table readingname = 'bmi' or readingname = weight

i result set serialized json , forwarded render charts again retrieved using column name only.

now, have observation values bmi on 1 yaxis , weight on other, per example on googlecharts website, need have them columns.

but have them different values of same column called readingtype.is there work around possible ?

this how should : enter image description here

unfortunately, you'll have massage data format understands. datatable class provides lots of methods populating here example:

google.load("visualization", "1", {      packages: ["corechart"]  });  google.setonloadcallback(drawchart);    function drawchart() {      // start long data      var rawdata = [          [new date(2014, 8, 1), "weight", 140],          [new date(2014, 8, 1), "bmi", 5],          [new date(2014, 8, 15), "weight", 130],          [new date(2014, 8, 15), "bmi", 4],                    [new date(2014, 9, 1), "weight", 120],          [new date(2014, 9, 1), "bmi", 3],          [new date(2014, 9, 15), "weight", 120],          [new date(2014, 9, 15), "bmi", 3]      ];            // create wide table long data      var data = new google.visualization.datatable();      data.addcolumn("date", "date");      data.addcolumn("number", "bmi");      data.addcolumn("number", "weight");                  var lastdate = null;      var currentrow = null;      (var i=0; < rawdata.length; i++) {          var date=rawdata[i][0];          var col=rawdata[i][1];          var value=rawdata[i][2];                    if (lastdate == null) {              // first pass              currentrow = [date, null, null];                      }          else if (lastdate != date) {              data.addrow(currentrow);              currentrow = [date, null, null];                }                    if (col=="bmi") currentrow[1] = value;          else if (col=="weight") currentrow[2] = value;                              lastdate = date;      }            if (currentrow != null) data.addrow(currentrow);                    var options = {            title: 'wight & bmi',          vaxes: [{              title: "weight",              minvalue: 0          }, {              title: "bmi",              minvalue: 0          }],          series: {              0: { targetaxisindex:0 },                  1: { targetaxisindex:1 }          },          interpolatenulls: true      }          var chart = new google.visualization.linechart(document.getelementbyid("chart"));      chart.draw(data, options);  }
<script type="text/javascript" src="https://www.google.com/jsapi"></script>  <div id="chart" style="width: 900px; height: 300px;"></div>


Comments

Post a Comment

Popular posts from this blog

cakephp - simple blog with croogo -

i not problem, made simple blog in croogo, problem is not adding or modifying or delete, because arabic language ?? function add in controller `public function admin_add() { $this->set('title_for_layout', __('add part')); if (!empty($this->request->data)) { $this->part->create(); if ($this->part->save($this->request->data)) { $this->session->setflash(__('the part has been saved'), 'default', array('class' => 'success')); $this->redirect(array('action' => 'index'));//, $this->part->id)); } else { $this->session->setflash(__('the part not saved. please, try again.'), 'default', array('class' => 'error')); } } }` => model `class part extends appmodel { public $name = 'part'; var $belongst...
Read more

How to group boxplot outliers in gnuplot -

i have large set of data points. try plot them boxplot, of outliers exact same value , represented on line beside each other. found how set horizontal distance between outliers in gnuplot boxplot , doesn't much, apparently not possible. is possible group outliers together, print 1 point , print number in brackets beside indicate how many points there are? think make more readable in graph. for information, have 3 boxplots 1 x value , times 6 in 1 graph. using gnuplot 5 , played around pointsize, doesn't reduce distance anymore. hope can help! edit: set terminal pdf set output 'dat.pdf' file0 = 'dat1.dat' file1 = 'dat2.dat' file2 = 'dat3.dat' set pointsize 0.2 set notitle set xlabel 'x' set ylabel 'y' header = system('head -1 '.file0); n = words(header) set xtics ('' 1) set [i=1:n] xtics add (word(header, i) i) set style data boxplot plot file0 using (1-0.25):1:(0.2) boxplot lw 2 lc rgb '#8b0000...
Read more

bash - Performing variable substitution in a string -

i have string contains use of variable, , i'd substitute variable's value string. right best have is #!/bin/bash foo='$name; echo bar' name="the name" expanded="$(eval echo "$foo")" echo "$expanded" which has obvious defects: prints the name bar while i'd print the name; echo bar instead of eval can bash's regex matching bash's string replacement: foo='$name; echo bar' name="the name" [[ "$foo" =~ \$([[:alnum:]]+) ]] && s="${!bash_rematch[1]}" && expanded="${foo/\$${bash_rematch[1]}/$s}" echo "$expanded" name; echo bar
Read more