JavaScript
window.onload = function () {
var priceNumberOfReviews={
"1:" 229,
"2:" 401,
"3:" 535,
"4:" 558,
"5:" 567,
"6:" 525,
"7:" 542,
"8:" 487,
"9:" 492,
"10:" 392,
"11:" 328,
"12:" 301,
"13:" 271,
"14:" 241,
"15:" 198,
"16:" 165,
"17:" 143,
"18:" 160,
"19:" 124,
"20:" 113,
"21:" 91,
"22:" 89,
"23:" 70,
"24:" 70,
"25:" 53,
"26:" 52,
"27:" 57,
"28:" 42,
"29:" 37,
"30:" 43,
"31:" 24,
"32:" 29,
"33:" 28,
"34:" 19,
"35:" 23,
"36:" 13,
"37:" 14,
"38:" 16,
"39:" 15,
"40:" 12,
"41:" 11,
"42:" 15,
"43:" 6,
"44:" 11,
"45:" 8,
"46:" 16,
"47:" 11,
"48:" 7,
"49:" 4,
"50:" 5,
"51:" 8,
"52:" 5,
"53:" 4,
"54:" 4,
"55:" 9,
"56:" 9,
"57:" 7,
"58:" 6,
"59:" 6,
"60:" 4,
"61:" 8,
"62:" 4,
"63:" 5,
"64:" 3,
"65:" 3,
"66:" 1,
"67:" 4,
"68:" 2,
"69:" 2,
"70:" 4,
"71:" 7,
"72:" 4,
"74:" 1,
"75:" 3,
"76:" 4,
"77:" 4,
"79:" 4,
"81:" 2,
"82:" 2,
"83:" 3,
"84:" 1,
"85:" 2,
"86:" 3,
"87:" 1,
"89:" 1,
"90:" 2,
"91:" 1,
"93:" 2,
"95:" 3,
"97:" 1,
"98:" 2,
"99:" 1,
"101:" 1,
"103:" 3,
"104:" 4,
"110:" 2,
"111:" 1,
"113:" 1,
"119:" 1,
"122:" 1,
"124:" 1,
"127:" 1,
"129:" 2,
"134:" 3,
"139:" 1,
"141:" 2,
"145:" 2,
"152:" 2,
"154:" 1,
"155:" 3,
"156:" 2,
"160:" 1,
"163:" 1,
"171:" 1,
"173:" 1,
"174:" 1,
"187:" 1,
"195:" 1,
"197:" 1,
"201:" 1,
"206:" 1,
"212:" 1,
"213:" 1,
"224:" 1,
"234:" 1,
"238:" 1
}
var chart = new CanvasJS.Chart("chartContainer", {
animationEnabled: true,
zoomEnabled: true,
title:{
text: "RELATIONSHIP BETWEEN PRICE AND NUMBER OF REVIEWS"
},
axisX: {
title:"Price"
},
axisY:{
title: "Number of Reviews"
},
data: [{
type: "scatter",
dataPoints: Object.keys(priceNumberOfReviews).map(function(key){
return {color :'red', x : Number(key),y : priceNumberOfReviews[key]};
})
}]
});
chart.render();
}