Highcharts Demo

author(s): Torstein Hønsi

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>

JavaScript

var RecordDetails = 'Deposits|100|123|30/09/2014~30/10/2014#Term Deposits|345|234|30/09/2014~30/10/2014#Demand Loans|212|222|30/09/2014~30/10/2014#Term Loans|444|221|30/09/2014~30/10/2014#Cash in Hand|121|211|30/09/2014~30/10/2014#PNL|111|445|30/09/2014~30/10/2014#CD Ratio|65|63|';

    var SplitRecords=new Array();
	SplitRecords=RecordDetails.split("#");
	var rowLength=SplitRecords.length;

	var AddResults=new Array();
	var FirstTurnOver=new Array();
	var SecondTurnOver=new Array();
	for(var i=0;i<rowLength;i++)
	{
		var History=SplitRecords[i];
		var result=new Array();
		result=History.split("|");
		var billerid=result[0];

		var billerdetails1=result[1];
	
		var billerdetails2=result[2];
	
		
		AddResults.push(billerid);
		FirstTurnOver.push(billerdetails1);
		SecondTurnOver.push(billerdetails2);
		}

console.log(FirstTurnOver);

	$(function () {
	    $('#container').highcharts({
	        title: {
	            text: 'Chart reflow is set to true'
	        },
            xAxis: {
	            categories: AddResults
	        },
	       
	        series: [{
                data: FirstTurnOver.map(function (el) { return +el  })
	        }]
	    });
	});