Databases
StackOverflow2013
Postsdbo
POCreate entire highchart object on server side
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POCreate entire highchart object on server side
    primarykey
    data
    text
    <p>I'm following this <a href="http://www.highcharts.com/docs/working-with-data/preprocessing-data-from-a-file-csv-xml-json#3" rel="nofollow">example</a> to load a highchart using data from the server (I'm using a file here for testing purposes). I'd like to be able not only to load the data from the server but the entire instead. As I understand, <a href="http://jsfiddle.net/highcharts/kh5jY/" rel="nofollow">this</a> simple chart example shows that the entire chart is a json object, so I thought If I create the json code exactly like this and load it into an object and then pass it to the chart it would work. In an attempt to do that, I came up with the following code:</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"&gt;&lt;/script&gt; &lt;script src="http://code.highcharts.com/highcharts.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready(function() { $.getJSON('data.json', function(data) { var chart = new Highcharts.Chart(data); }); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="container" style="width:100%; height:100%;"&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>And this is my data.json file:</p> <pre><code>{ chart: { type: 'bar', renderTo: 'container' }, title: { text: 'Fruit Consumption' }, xAxis: { categories: ['Apples', 'Bananas', 'Oranges'] }, yAxis: { title: { text: 'Fruit eaten' } }, series: [ { name: 'Jane', data: [1, 0, 4] }, { name: 'John', data: [5, 7, 3] } ], } </code></pre> <p>I'm not getting any errors however the chart does not load. I appreciate any help.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USJ.B
    1. USJ.B
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COLog `data` to the console, and see if it’s exactly the object structure your are expecting. Apart from that: Live example, please.
      singulars
      1. POCreate entire highchart object on server side
      1. USCBroe
    2. COI tried to log data to the console, but looks like the getJson function is not getting executed. Sorry about the live code, I also tried to create a JSFiddle with an example but I don't have an account and Fiddle is not permitting to sign up at the moment due to SPAM bots. I'll create the example as soon as the sign up becomes available. Thanks for the tip.
      singulars
      1. POCreate entire highchart object on server side
      1. USJ.B
    3. COYou don’t need to sign up for jsfiddle to save a fiddle …
      singulars
      1. POCreate entire highchart object on server side
      1. USCBroe
 

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