Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>There are quite a few things wrong with the code block you have posted including scoping and synchronization issues - rather than try and kludge it to make it work I've rewritten it and commented as to why I've done it this way:</p> <pre><code>/** * A JS class that you can instansiate with the "new" construct * on page/api load - this keeps everything self-contained and * for the most part, out of the global scope. */ function ChartObject(){ // internal function - neater way to grab elements function $(x){ return document.getElementById(x); } // some default data this.data = [['x', 'Metric Title'], ['start',0]]; // read values from our DOM elements and add to our data array this.update = function(){ var dis = $('distanceField').value.trim(), res = parseInt($('resultField').value, 10); if(!isNaN(res) &amp;&amp; !!dis){ this.data.push([dis, res]); this.draw(); } else { alert('invalid entry'); } }; // redraw our graph based on our current data array this.draw = function(){ new google.visualization.LineChart($('visualization')).draw( google.visualization.arrayToDataTable(this.data), { curveType : "function", width : 450, height : 300 } ); } // the following is executed once when the ChartObject is first called // draw the object with initial data this.draw(); // add listener to button that user can click to "update" graph // this could be adapted to work with "onkeyup" rather than trying // to hack with "setTimeout" $('addRecord').onclick = function(){ myChartObject.update(); } }; </code></pre> <p><a href="http://jsfiddle.net/Pe6xV/" rel="nofollow"><strong>jsFiddle: working example</strong></a></p>
    singulars
    1. This table or related slice is empty.
    1. POJavascript Graph Google Code Dynamically Generated
      singulars
      1. PTQuestion
    1. PTAnswer
    1. This table or related slice is empty.
    1. USEmissary
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POJavascript Graph Google Code Dynamically Generated
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    1. COThank you ive been working at that for a while at this stage and you have solved it in one strike ,brilliant work thank you
      singulars
      1. PO
      1. USkelevra88
    2. COJust wondering actually how to get the graph to go to a 0,0 instead of starting at start like above ?
      singulars
      1. PO
      1. USkelevra88
    3. COYou mean like just replace `['start','0']` with `['0',0]`? ([link](http://jsfiddle.net/Pe6xV/1/))
      singulars
      1. PO
      1. USEmissary
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload