setData Series Highchart using Ajax and CodeIgniter - ajax

Question

I want to redraw and update data Highcart based on click button with ajax. This code still not working.
$('#chartday').on('click', function() {
$('#my_start_date').datepicker();
$('#my_end_date').datepicker();
var p_id_resto = $('#p_id_resto').val();
var start_date = $('#my_start_date').val();
var end_date = $('#my_end_date').val();
var idResto = JSON.stringify(p_id_resto);
var startDate = JSON.stringify(start_date);
var endDate = JSON.stringify(end_date);
var base_url = '<?php echo base_url();?>main2nd/charts_day';
console.log('get Id resto = ' + idResto);
console.log('get Start date = ' + startDate);
console.log('get URL = ' + base_url);
$.ajax({
url: base_url,
type: 'POST',
dataType: "json",
data : {p_id_resto : idResto,
start_date : startDate,
end_date : endDate},
}).done(function(result) {
console.log(result.data_stock);
chart.series[0].setData(['BD', result.data_stock['BD']],
['BDF',result.data_stock['BDF']],
['BP',result.data_stock['BP']],
['BPF',result.data_stock['BPF']],
['AD',result.data_stock['AD']],
['ADF',result.data_stock['ADF']],
['AP',result.data_stock['AP']],
['APF',result.data_stock['APF']],
['SB',result.data_stock['SB']],
['SRW',result.data_stock['SRW']], false
);
});
});
});
This my series highchart:
var chart = Highcharts.chart('reportChart', {
chart: {
type: 'column'
},
title: {
text: ''
},
subtitle: {
text: ''
},
series: [{
name: 'STOCK',
color: "#2a82ff",
data: [],
dataLabels: {
enabled: true,
color: '#045396',
align: 'center',
formatter: function() {
return Highcharts.numberFormat(this.y, 0);
},
y: 0,
style: {
fontSize: '13px',
fontFamily: 'Verdana, sans-serif',
position: 'relative'
}
}
},
{
name: 'SALES',
color: "teal",
data: []
}]
}
This My controller
function charts_day(){
$n_id_resto= json_decode($this->input->post('p_id_resto'));<br/>
$start_date= json_decode($this->input->post('start_date'));<br/>
$end_date= json_decode($this->input->post('end_date'));<br/>
$data1['data_sales'] = $this->Model_All->getSumSales($n_id_resto, $start_date, $end_date);<br/>
$data2['data_stock'] = $this->Model_All->charts_stokCbg($n_id_resto,$start_date, $end_date);<br/>
$dataMerge = array_merge($data1, $data2);$this->output->set_content_type('application/json')->set_output(json_encode($dataMerge),JSON_NUMERIC_CHECK);
}
Data still not display correctly in highchart.

Answer 1

I am sure using comment above
$this->output->set_content_type('application/json')->set_out‌​put(json_encode($dat‌​aMerge,JSON_NURIC_‌​CMEHECK));
you will get
Object { BD: 8, BDF: 10, BP: 10, BPF: 10, AD: 10, ADF: 10, AP: 10, APF: 10, SB: 10, SRW: 10 }
Now you have to process data as required by highcharts
var data={ BD: "8", BDF: "10", BP: "10", BPF: "10", AD: "10", ADF: "10", AP: "10", APF: "10", SB: "10", SRW: "10" }
var series_data=[]; //creating empty array for highcharts series data
Object.keys(data).map(function(item, key) {
series_data.push({name:item,y:Number(data[item])}) ; //Number(data[item]) converts string to number.Not required if already done using JSON_NUMERIC‌​_CHECK
});
console.log(series_data);// check how data is formed. you can do same in php by creating object array in php
Fiddle demonstration