var data = { labels: ["","","","","","","","","","","","","","","","","","","","","","","",""], datasets: [ { label: "Peers", fillColor: "rgba(166,0,0,0.1)", strokeColor: "rgba(166,0,0,1)", pointColor: "rgba(166,0,0,1)", pointStrokeColor: "#fff", pointHighlightFill: "#fff", pointHighlightStroke: "rgba(151,187,205,1)", data: [0,2,7,14,20,22,35,20,41,32,36,35,24,17,41,84,55,31,34,50,41,44,56,26] }, { label: "Seeds", fillColor: "rgba(31,116,38,0.1)", strokeColor: "rgba(31,116,38,1)", pointColor: "rgba(31,116,38,1)", pointStrokeColor: "#fff", pointHighlightFill: "#fff", pointHighlightStroke: "rgba(220,220,220,1)", data: [1,3,4,6,7,11,102,126,132,132,140,138,113,110,122,114,77,76,87,79,61,80,78,45] } ] }; $( document ).ready( function() { var ctx = $( '#canvas' )[0].getContext("2d"); Chart.defaults.global.showTooltips = false; Chart.defaults.global.animation = false; Chart.defaults.global.showScale = false; Chart.defaults.global.scaleShowLabels = false; var myLine = new Chart( ctx ).Line( data, { scaleShowGridLines:false,scaleShowHorizontalLines:false,scaleShowVerticalLines:false,bezierCurve:true,bezierCurveTension:0.4,pointDot:false, datasetStroke : true, datasetStrokeWidth : 1, datasetFill : true } ); } );