My data in series
Posted: Sun Dec 02, 2018 12:51 pm
Hi, I have two arrays like:
rows_name: ["Graph 1" ]
rows_nums: [[0, 0], [12.4, 15.6], [15.2, 28.3], ...]
So how I can use this arrays for building charts with data from those arrays and build so many series as count of elements in my arrays?
I have tried:
but It doesn't works:
Uncaught Error: Highcharts error #14: www.highcharts.com/errors/14
at Object.a.error (highcharts.js:3)
at e.setData (highcharts.js:288)
at e.init (highcharts.js:279)
at a.Chart.initSeries (highcharts.js:238)
at highcharts.js:263
at Array.forEach (<anonymous>)
at a.each (highcharts.js:21)
at a.Chart.firstRender (highcharts.js:263)
at a.Chart.<anonymous> (highcharts.js:238)
at a.fireEvent (highcharts.js:24)
a.error @ highcharts.js:3
setData @ highcharts.js:288
init @ highcharts.js:279
initSeries @ highcharts.js:238
(anonymous) @ highcharts.js:263
a.each @ highcharts.js:21
firstRender @ highcharts.js:263
(anonymous) @ highcharts.js:238
a.fireEvent @ highcharts.js:24
init @ highcharts.js:237
getArgs @ highcharts.js:237
a.Chart @ highcharts.js:236
a.chart @ highcharts.js:236
(anonymous) @ index.php:16
e @ jquery.min.js:3
dispatch @ jquery.min.js:3
i @ jquery.min.js:3
rows_name: ["Graph 1" ]
rows_nums: [[0, 0], [12.4, 15.6], [15.2, 28.3], ...]
So how I can use this arrays for building charts with data from those arrays and build so many series as count of elements in my arrays?
Code: Select all
Highcharts.chart('container', {
chart: {
type: 'spline',
inverted: false
},
title: {
text: 'Atmosphere Temperature by Altitude'
},
subtitle: {
text: 'According to the Standard Atmosphere Model'
},
xAxis: {
reversed: false,
title: {
enabled: true,
text: 'Altitude'
},
labels: {
format: '{value} km'
},
maxPadding: 0.05
/*,
showLastLabel: true
*/
},
yAxis: {
title: {
text: 'Temperature'
},
labels: {
format: '{value}°'
},
lineWidth: 2
},
legend: {
// enabled: true,
layout: 'vertical',
align: 'left',
x: 120,
verticalAlign: 'top',
y: 100,
floating: true,
backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'
},
tooltip: {
headerFormat: '<b>{series.name}</b><br/>',
pointFormat: '{point.x} km: {point.y}°C'
},
plotOptions: {
spline: {
marker: {
enable: false
}
}
},
series: [{
name: 'Temperature',
data: [[0, 15], [10, -50], [20, -56.5], [30, -46.5], [40, -22.1],
[50, -2.5], [60, -27.7], [70, -55.7], [80, -76.5]]
},
{
name: 'Temperature2',
data: [[2, 17], [20, -55], [30, -57.5], [35, -46.5], [41, -22.1],
[50, -2.5], [60, -27.7], [70, -55.7], [80, -76.5]]
}
]
});
I have tried:
Code: Select all
series: [{
name: 'Temperature',
data: rows_nums
}
]
Uncaught Error: Highcharts error #14: www.highcharts.com/errors/14
at Object.a.error (highcharts.js:3)
at e.setData (highcharts.js:288)
at e.init (highcharts.js:279)
at a.Chart.initSeries (highcharts.js:238)
at highcharts.js:263
at Array.forEach (<anonymous>)
at a.each (highcharts.js:21)
at a.Chart.firstRender (highcharts.js:263)
at a.Chart.<anonymous> (highcharts.js:238)
at a.fireEvent (highcharts.js:24)
a.error @ highcharts.js:3
setData @ highcharts.js:288
init @ highcharts.js:279
initSeries @ highcharts.js:238
(anonymous) @ highcharts.js:263
a.each @ highcharts.js:21
firstRender @ highcharts.js:263
(anonymous) @ highcharts.js:238
a.fireEvent @ highcharts.js:24
init @ highcharts.js:237
getArgs @ highcharts.js:237
a.Chart @ highcharts.js:236
a.chart @ highcharts.js:236
(anonymous) @ index.php:16
e @ jquery.min.js:3
dispatch @ jquery.min.js:3
i @ jquery.min.js:3