Wykres liniowy na podstawie danych z kodu javascript.

Kod javacsript:

	var myData = new Array([10, 20], [15, 10], [20, 30], [25, 10], [30, 5]);
	var myChart = new JSChart('chartcontainer', 'line');
	myChart.setDataArray(myData);
	myChart.draw();

Wykres słupkowy

Kod javascript:

	var myData = new Array(['1', 2], ['2', 1], ['3', 3], ['4', 6]);
	var myChart = new JSChart('barchart', 'bar');
	myChart.setDataArray(myData);
	myChart.setSize(600,600);
	myChart.draw();

Wykres kołowy

Kod javascript:

	var myData = new Array(['1', 2], ['2', 1], ['3', 3], ['4', 6]);
	var myChart = new JSChart('piechart', 'pie');
	myChart.setDataArray(myData);
	myChart.setSize(600,600);
	myChart.draw();

Wykres liniowy źródło danych z zewnętrzengo pliku - zapytanie Ajax-owe

Kod javascript:

    var d = $.ajax({url: "data.html",async: false }).responseText;
	var rows = d.split("\n");
	var data = new Array();
	for(var i = 0; i < rows.length; i++){
		data.push([parseInt(rows[i].split(',')[0]), parseInt(rows[i].split(',')[1])]);
	}
	var myData = data
	var myChart = new JSChart('ajaxchart', 'line');
	myChart.setDataArray(myData);
	myChart.setSize(600,600);
	myChart.draw();