CanvasJs chart

CanvasJs chart

by Lavakumar T

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 360px; width: 100%;"></div>

JavaScript

var json ={"items":[{"sapid":"10","firstname":"Arjun","lastname":"K","designation":"SE","salary":"32,0000","dob":"1934-2-15"},{"sapid":"20","firstname":"Raguvaran","lastname":"M","designation":"SSE","salary":"54,0000","dob":"1988-5-13"},{"sapid":"30","firstname":"Harish","lastname":"P","designation":"Lead Eng","salary":"20,0000","dob":"1984-3-25"},{"sapid":"40","firstname":"Sowmy","lastname":"T","designation":"SE","salary":"29,0000","dob":"1978-6-21"},{"sapid":"50","firstname":"Balu","lastname":"H","designation":"Lead Eng","salary":"44,0000","dob":"1989-8-15"},{"sapid":"60","firstname":"Thiru","lastname":"Murugan","designation":"Lead Eng","salary":"27,0000","dob":"1981-9-24"},{"sapid":"70","firstname":"Divya","lastname":"Raman","designation":"SSE","salary":"25,0000","dob":"1934-2-5"},{"sapid":"80","firstname":"Rajesh","lastname":"Kandhan","designation":"Lead Eng","salary":"10,0000","dob":"1982-6-10"},{"sapid":"90","firstname":"Lava","lastname":"Kumar","designation":"SE","salary":"99,0000","dob":"1984-9-9"},{"sapid":"100","firstname":"Parama","lastname":"Sivam","designation":"SE","salary":"66,0000","dob":"1986-12-5"},{"sapid":"110","firstname":"Raj","lastname":"Kumar","designation":"Technical Lead","salary":"17,0000","dob":"1934-2-5"},{"sapid":"120","firstname":"Hank","lastname":"Aaron","designation":"SSE","salary":"76,0000","dob":"1987-11-15"},{"sapid":"130","firstname":"Venkat","lastname":"Krishna","designation":"Technical Lead","salary":"37,0000","dob":"1988-12-5"},{"sapid":"140","firstname":"Velu","lastname":"Raj","designation":"SE","salary":"62,0000","dob":"1990-2-25"},{"sapid":"150","firstname":"Hemanth","lastname":"A","designation":"Technical Lead","salary":"40,0000","dob":"1986-8-7"},{"sapid":"160","firstname":"Ramgopal","lastname":"Varma","designation":"SSE","salary":"73,0000","dob":"1976-6-27"}]};
    
var dataPoints = [];
for(key in json){
  for(var i=0;i<json[key].length;i++){
	json[key][i]['salary']= json[key][i]['salary'].replace(/\,/g,"");
 ...