Highcharts chart with column and line using json - php

Question

I am new to Highcharts and i already like it.
I have made some column charts using json, php en mysql (with given examples).
Now i want to make a chart with columns and a line using json.
Can anybody tell how i schould do that??
$(function () {
var chart;
$(document).ready(function() {
$.getJSON("DataKwhDagCum.php", function(json) {
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'column',
marginRight: 130,
marginBottom: 25
},
title: {
text: 'In (Enexis) vs Out (Zonnestroom)',
x: -20 //center
},
subtitle: {
text: '',
x: -20
},
xAxis: {
categories: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20','21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31']
},
yAxis: {
title: {
text: 'Amount'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
formatter: function() {
return '<b>'+ this.series.name +'</b><br/>'+
this.x +': '+ this.y;
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
},
series: json
});
});
});
});

Answer 1

You can use two ways
use php and script in the same file: http://docs.highcharts.com/#preprocessing-data-from-a-database
return array as json by using json_encode() in php, and then use it in Highcharts.