| 1 |
- !function(o,t,e){"use strict";var a=t.getElementById("emp-satisfaction").getContext("2d"),r=a.createLinearGradient(0,0,0,400);r.addColorStop(0,"rgba(255,255,255,0.5)"),r.addColorStop(1,"rgba(255,255,255,0)");var i={responsive:!0,maintainAspectRatio:!1,datasetStrokeWidth:3,pointDotStrokeWidth:4,tooltipFillColor:"rgba(0,0,0,0.8)",legend:{display:!1},hover:{mode:"label"},scales:{xAxes:[{display:!1}],yAxes:[{display:!1,ticks:{min:0,max:85}}]},title:{display:!1,fontColor:"#FFF",fullWidth:!1,fontSize:40,text:"82%"}},n={labels:["January","February","March","April","May","June","July"],datasets:[{label:"Employees",data:[28,35,36,48,46,42,60],backgroundColor:r,borderColor:"rgba(255,255,255,1)",borderWidth:2,strokeColor:"#ff6c23",pointColor:"#fff",pointBorderColor:"rgba(255,255,255,1)",pointBackgroundColor:"#3BAFDA",pointBorderWidth:2,pointHoverBorderWidth:2,pointRadius:5}]},d={type:"line",options:i,data:n},l=(new Chart(a,d),t.getElementById("line-stacked-area").getContext("2d")),s={responsive:!0,maintainAspectRatio:!1,pointDotStrokeWidth:4,legend:{display:!1,labels:{fontColor:"#FFF",boxWidth:10},position:"top"},hover:{mode:"label"},scales:{xAxes:[{display:!1}],yAxes:[{display:!0,gridLines:{color:"rgba(255,255,255, 0.3)",drawTicks:!1,drawBorder:!1},ticks:{display:!1,min:0,max:70,maxTicksLimit:4}}]},title:{display:!1,text:"Chart.js Line Chart - Legend"}},p={labels:["2010","2011","2012","2013","2014","2015"],datasets:[{label:"iOS",data:[0,10,5,26,12,20],backgroundColor:"#eeda54",borderColor:"#eeda54",pointBorderColor:"#eeda54",pointBackgroundColor:"#eeda54",pointRadius:2,pointBorderWidth:2,pointHoverBorderWidth:2},{label:"Windows",data:[0,20,20,30,26,32],backgroundColor:"rgba(166,100,255,0.8)",borderColor:"transparent",pointBorderColor:"transparent",pointBackgroundColor:"transparent",pointRadius:2,pointBorderWidth:2,pointHoverBorderWidth:2},{label:"Android",data:[0,30,15,40,38,45],backgroundColor:"#40cae4",borderColor:"#40cae4",pointBorderColor:"#40cae4",pointBackgroundColor:"#40cae4",pointRadius:2,pointBorderWidth:2,pointHoverBorderWidth:2}]},C={type:"line",options:s,data:p},c=(new Chart(l,C),t.getElementById("earning-chart").getContext("2d")),b={responsive:!0,maintainAspectRatio:!1,datasetStrokeWidth:3,pointDotStrokeWidth:4,tooltipFillColor:"rgba(0,0,0,0.8)",legend:{display:!1,position:"bottom"},hover:{mode:"label"},scales:{xAxes:[{display:!1}],yAxes:[{display:!1,ticks:{min:0,max:70}}]},title:{display:!1,fontColor:"#FFF",fullWidth:!1,fontSize:40,text:"82%"}},y={labels:["January","February","March","April","May","June","July"],datasets:[{label:"My First dataset",data:[28,35,36,48,46,42,60],backgroundColor:"rgba(45,149,191,0.1)",borderColor:"transparent",borderWidth:0,strokeColor:"#ff6c23",capBezierPoints:!0,pointColor:"#fff",pointBorderColor:"rgba(45,149,191,1)",pointBackgroundColor:"#FFF",pointBorderWidth:2,pointRadius:4}]},g={type:"line",options:b,data:y},h=(new Chart(c,g),e("#posts-visits")),F={responsive:!0,maintainAspectRatio:!1,legend:{position:"top",labels:{boxWidth:10,fontSize:14}},hover:{mode:"label"},scales:{xAxes:[{display:!0,gridLines:{lineWidth:2,color:"rgba(0, 0, 0, 0.05)",zeroLineWidth:2,zeroLineColor:"rgba(0, 0, 0, 0.05)",drawTicks:!1},ticks:{fontSize:14}}],yAxes:[{display:!1,ticks:{min:0,max:100}}]},title:{display:!1,text:"Chart.js Line Chart - Legend"}},u={labels:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],datasets:[{label:"Visits",data:[32,25,45,30,60,40,72,52,80,60,92,70],lineTension:0,fill:!1,borderColor:"#37BC9B",pointBorderColor:"#37BC9B",pointBackgroundColor:"#FFF",pointBorderWidth:3,pointRadius:6},{label:"Posts",data:[12,10,25,15,35,22,42,28,50,32,58,28],lineTension:0,fill:!1,borderColor:"#967ADC",pointBorderColor:"#967ADC",pointBackgroundColor:"#FFF",pointBorderWidth:3,pointRadius:6}]},x={type:"line",options:F,data:u},B=(new Chart(h,x),e("#revenue-comparision")),k={responsive:!0,maintainAspectRatio:!1,responsiveAnimationDuration:500,hoverMode:"label",stacked:!1,legend:{display:!1,position:"top"},title:{display:!1,text:"Chart.js Bar Chart - Multi Axis"},scales:{xAxes:[{type:"linear",display:!0,position:"top",id:"x-axis-1",gridLines:{color:"rgba(255, 255, 255, 0.3)",zeroLineColor:"#FFF"},ticks:{fontColor:"#FFF"}},{type:"linear",display:!0,position:"bottom",id:"x-axis-2",gridLines:{color:"rgba(255, 255, 255, 0.3)",drawOnChartArea:!1,zeroLineColor:"#FFF"},ticks:{fontColor:"#FFF"}}],yAxes:[{display:!0,gridLines:{color:"rgba(255, 255, 255, 0.3)",drawTicks:!1},ticks:{fontColor:"#FFF"}}]}},A={labels:["January","February","March","April","May"],datasets:[{label:"My First dataset",data:[45,-19,34,48,-56],backgroundColor:"#EFD864",xAxisID:"x-axis-1"},{label:"My Second dataset",data:[-28,40,-28,-56,48],backgroundColor:"#F37A21",xAxisID:"x-axis-2"}]},m={type:"horizontalBar",options:k,data:A};new Chart(B,m)}(window,document,jQuery);
|