contoh fn_perjam()

function fn_perjam(){var a=["42","40","44","37","26","19","14","14","20","28","31","44","48","55","55","41","35","34","38","26","21","33","33","37"].reverse(),e=["35","35","34","26","17","13","9","10","16","24","32","42","39","38","39","38","40","40","34","25","32","40","46","47"].reverse();a.push(e[0]),e.push(43);["42","40","44","37","26","19","14","14","20","28","31","44","48","55","55","41","35","34","38","26","21","33","33","37","35","35","34","26","17","13","9","10","16","24","32","42","39","38","39","38","40","40","34","25","32","40","46","47"].reverse();var l=["13","12","11","10","09","08","07","06","05","04","03","02","01","00","23","22","21","20","19","18","17","16","15","14"].reverse();l.push("now");$("#all-min_perjam").html("<span class=col-xs-12>Min</span>         <span style=font-size:x-large class=col-xs-12 text-red text-bold>9</span>"),$("#all-max_perjam").html("<span class=col-xs-12>Max</span>         <span style=font-size:x-large class=col-xs-12 text-red text-bold>47</span>"),$("#all-average_perjam").html("<span class=col-xs-12>Rata²</span>       <span style=font-size:x-large class=col-xs-12 text-red text-bold>31</span></sup>"),$("#all-now_perjam").html("<span class=col-xs-12>Now</span>         <span style=font-size:x-large class=col-xs-12 text-red text-bold>43</span></sup>");var s={labels:l,datasets:[{label:"all_perjam_1",fillColor:"#c6c4ce",strokeColor:"#c6c4ce",pointColor:"rgba(0, 0, 0, 1)",pointStrokeColor:"#fff",pointHighlightFill:"#fff",pointHighlightStroke:"rgba(220,220,220,1)",data:a},{label:"all_perjam_2",fillColor:"rgba(200, 200, 200, 1)",strokeColor:"rgba(205, 205, 205, 1)",pointColor:"rgba(55, 55, 55, 1)",pointStrokeColor:"#f0f",pointHighlightFill:"#f0f",pointHighlightStroke:"rgba(220,220,200,1)",data:e}]},t=document.getElementById("all_perjam_canvas").getContext("2d");window.myObjBar_all_perjam=new Chart(t).Bar(s,{scaleBeginAtZero:!1,scaleShowGridLines:!0,scaleGridLineColor:"rgba(0,0,0,.09)",scaleGridLineWidth:1,scaleShowHorizontalLines:!0,scaleShowVerticalLines:!0,barShowStroke:!0,barStrokeWidth:1,barValueSpacing:2,barDatasetSpacing:0,legendTemplate:"<ul class=<%=name.toLowerCase()%>-legend><% for (var i=0; i<datasets.length; i++){%><li><span style=background-color:<%=datasets[i].fillColor%>></span><%if(datasets[i].labels){%><%=datasets[i].label%><%}%></li><%}%></ul>",responsive:!0,maintainAspectRatio:!0,legend:{display:!0},tooltips:{enabled:!0},animation:!1});var r=myObjBar_all_perjam.datasets[1].bars,o=myObjBar_all_perjam.datasets[0].bars;for(i=0;i<r.length;i++){var n="green",p=void 0!==r[i]?r[i].value:"0",c=void 0!==o[i]?o[i].value:"0";n=parseFloat(p)<parseFloat(c)?"red":parseFloat(p)==parseFloat(c)?"blue":(parseFloat(p),parseFloat(c),"green"),r[i].fillColor=n,r[i].strokeColor=n,r[i].highlightFill=n,r[i].fillText=parseFloat("bln_all_perjam"),r[i].highlightStroke="#ee2e2e"}myObjBar_all_perjam.update()}