score:2
Accepted answer
I looked at your code and spotted some errors at the javascript part.
You define on options an series array. Later on you try to assign on index 0 of the series array an object with the attribute data which doesn't work since series is an empty array.
You also don't need for every single chart to make an request since the data seems to be the same for all other charts.
A possible approach could look like this:
var chart1,
chart2;
// define all other charts here
// now, make only one request for the data
$.getJSON('data.php', function(json){
// and create the charts
// chart 1
options.chart.renderTo = 'pressure';
options.title.text = 'Pressure (hPa)';
options.yAxis.title.text = 'Pressure (hPa)';
options.xAxis.categories = json[0]['data'];
// push the data to the series
options.series.push(json[1]);
options.series.push(json[2]);
// create the first chart
chart1 = new Highcharts.Chart(options);
// reset the series to prepare them for the next chart
options.series = [];
// chart 2
options.chart.renderTo = 'altitude';
options.title.text = 'Altitude (m)';
options.yAxis.title.text = 'Altitude (m)';
options.xAxis.categories = json[0]['data'];
options.series.push(json[3]);
options.series.push(json[4]);
chart2 = new Highcharts.Chart(options);
// and so on
});
Here's also an working example.
You'll need to populate the other charts, i created only the first two.
Source: stackoverflow.com
Related Query
- Multiple dynamic Highcharts on one page with json
- Highcharts with JSON data and multiple series
- Multiple highcharts charts dynamically created in angular2 on one page
- dynamic highcharts with json data
- Retrieving JSON data for Highcharts with multiple series?
- Charts using Highcharts with multiple series from JSON
- Multiple Highcharts in one page - only one chart displays
- passing formatting JavaScript code to HighCharts with JSON
- Highcharts with multiple series from JSON Dynamically
- Is it possible to have multiple highcharts with one id?
- How to show multiple Highcharts graph on one page
- Highcharts with JSON to customize multiple series
- Building dynamic HighCharts and image Highcharts with (mostly) one codebase?
- Highcharts with multiple series from JSON
- dynamic chart with Highcharts using json
- Highcharts - how to display multiple graphs on one page using multiple xml files
- Loading json data to highcharts with multiple series
- How to have multiple highcharts with different series data in vuejs without repeating code
- Highcharts with values from multiple JSON file
- Why does highcharts sankey chart sometimes combine multiple nodes with same node name but different Id into one and hide the lines?
- Behavior of multiple HighCharts on single page when removing one div
- Highcharts multiple dynamic panes with single legend
- How to update multiple highcharts charts with one function
- Adding multiple dynamic series and axes via JSON into Highcharts
- dynamic highcharts with json data every 1 second
- Highcharts multiple series from JSON with different style depending on serie name
- Can I create multiple dynamic carts with Highcharts
- Reload chart data via JSON with Highcharts
- Highcharts - how to have a chart with dynamic height?
- HighCharts - two Y-axis, one with max value
More Query from same tag
- HighCharts load data via Json
- Highcharts - How to display legend symbol inside the tooltip
- Highchart export filename with special characters
- Wrong start date in irregular intervals chart
- Highcharts lines not being drawn until browser is resized
- Vue.js life-cycle hook for v-cloak
- Highmaps support for zip5
- Set second axis in proportion of first axis
- R Highcharter tickmarkPlacement with hchart() function
- High chart data downloads but does not display in browser using node
- Slice For Highchart
- Highchart's y axis overlay with another
- How to create overlapping bar charts in angular js?
- To display legend of the chart outside the canvas of the chart in highcharts
- customs sticks in piecharts using highcharts
- In Highcharts, how do I make my piechart label text the same color as the pie part?
- Make Highchart use a specific targeted time zone
- HighCharts/Maps: How to display values lower than a certain value appear different from the rest of the graphic?
- Differtent pattern color for every single column in highchart
- Highcharts - hide legend if there is no value
- How to programmatically set navigator handles in highstock?
- How to add image in Highcharts Title and subtitle
- AngularJS With Highcharts WITHOUT JQuery
- Adding dynamic irregular data to area chart causes it to shift
- Adding target to Column chart in Highchart
- highchart background right side of hover marker
- High Charts Line Chart with missing data
- hPlot pie chart - show percentage in tooltip instead of absolute values
- Highcharts switching off animation for column chart
- Hightchart map pie : clic and hide specific pie