Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I would start by setting the lower and upper bounds of your domain to dynamic values, calculated from your data set. Depending on the structure or your data, d3 has <code>max</code> and <code>min</code> methods that will calculate the max / min values in an array of values.</p> <pre><code>var x = d3.scale.linear().domain([d3.min(data), d3.max(data)]).range([0,w]); </code></pre> <p>If you have some method to update your data, you can add functionality to then redefine <code>x</code> (you might want to attach <code>x</code> to some sort of namespace that is accessible throughout the entire scope of your function) and then recall your line generator (via <code>d3.svg.line()</code>). </p> <h3>UPDATE</h3> <p>Seeing your comments, let me clarify. </p> <p>There are several different ways that you can do this, since d3 is such a low-level library (which I personally think is part of the appeal). In my own work, I use multiple series which conveniently allows me to use the common <em>enter, update and exit</em> model that you see used with other chart types (like a bar chart). But in the most basic terms, here's what you need:</p> <ol> <li>You'll need to initially setup a couple objects: <ul> <li>your SVG container</li> <li>your x and y scales</li> <li>a line generator, not bound to any data <br /><br /></li> </ul></li> <li>Next, you'll use that line generator to initialize an <code>SVG:path</code> element with your dataset</li> <li>Then you'll need to create a means up updating your <code>SVG:path</code> element and scales with new data</li> </ol> <p>Here's a <a href="http://jsfiddle.net/mbeasley183/DbXhL/" rel="nofollow">jsfiddle</a> that demonstrates this, adding new random data every seconds for 10 seconds. </p>
    singulars
    1. This table or related slice is empty.
    1. POSimple line graph - Dynamically resizing
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USmbeasley
    1. USmbeasley
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POSimple line graph - Dynamically resizing
      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
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COI understand that you can set the range using the min and max methods, but I was wondering how exactly to updated the graph when the data is updated. I was just giving those values as an example. My question is that lets say the default data has a max of 120 and a min of 50. Then the user updates the data and the max becomes 200 and a min of 80. how do we make the y axis reflect that change without deleting the graph and recreating it with the new min and max? Sorry for being unclear earlier.
      singulars
      1. PO
      1. USuser1410270
    2. COThanks so much. This really helped.
      singulars
      1. PO
      1. USuser1410270
    3. CODoes anyone know how to do dynamically adjust the x and y axis as well? For example, if the Y range was 0-20 and it changes to 0-35, how would you transition it to the new scale? Ive tried multiple things, but none worked, so I ended up having to temporarily make it delete the original graph and create a completely new one.
      singulars
      1. PO
      1. USuser1410270
 

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