1 line
1.9 KiB
JavaScript
1 line
1.9 KiB
JavaScript
"use strict";var randomChartData=function(r){for(var o=[],a=0;a<r;a++)o.push(Math.round(200*Math.random()));return o},chartColors={default:{primary:"#00D1B2",info:"#209CEE",danger:"#FF3860"}},ctx=document.getElementById("big-line-chart").getContext("2d");new Chart(ctx,{type:"line",data:{datasets:[{fill:!1,borderColor:chartColors.default.primary,borderWidth:2,borderDash:[],borderDashOffset:0,pointBackgroundColor:chartColors.default.primary,pointBorderColor:"rgba(255,255,255,0)",pointHoverBackgroundColor:chartColors.default.primary,pointBorderWidth:20,pointHoverRadius:4,pointHoverBorderWidth:15,pointRadius:4,data:randomChartData(9)},{fill:!1,borderColor:chartColors.default.info,borderWidth:2,borderDash:[],borderDashOffset:0,pointBackgroundColor:chartColors.default.info,pointBorderColor:"rgba(255,255,255,0)",pointHoverBackgroundColor:chartColors.default.info,pointBorderWidth:20,pointHoverRadius:4,pointHoverBorderWidth:15,pointRadius:4,data:randomChartData(9)},{fill:!1,borderColor:chartColors.default.danger,borderWidth:2,borderDash:[],borderDashOffset:0,pointBackgroundColor:chartColors.default.danger,pointBorderColor:"rgba(255,255,255,0)",pointHoverBackgroundColor:chartColors.default.danger,pointBorderWidth:20,pointHoverRadius:4,pointHoverBorderWidth:15,pointRadius:4,data:randomChartData(9)}],labels:["01","02","03","04","05","06","07","08","09"]},options:{maintainAspectRatio:!1,legend:{display:!1},responsive:!0,tooltips:{backgroundColor:"#f5f5f5",titleFontColor:"#333",bodyFontColor:"#666",bodySpacing:4,xPadding:12,mode:"nearest",intersect:0,position:"nearest"},scales:{yAxes:[{barPercentage:1.6,gridLines:{drawBorder:!1,color:"rgba(29,140,248,0.0)",zeroLineColor:"transparent"},ticks:{padding:20,fontColor:"#9a9a9a"}}],xAxes:[{barPercentage:1.6,gridLines:{drawBorder:!1,color:"rgba(225,78,202,0.1)",zeroLineColor:"transparent"},ticks:{padding:20,fontColor:"#9a9a9a"}}]}}}); |