%PDF- %PDF-
Direktori : /home/opti/workflow/src/public/app-assets/js/scripts/charts/chartjs/bar/ |
Current File : /home/opti/workflow/src/public/app-assets/js/scripts/charts/chartjs/bar/bar-multi-axis.min.js |
/*! * stack-admin-theme (https://pixinvent.com/bootstrap-admin-template/stack) * Copyright 2018 PIXINVENT * Licensed under the Themeforest Standard Licenses */ $(window).on("load",function(){var ctx=$("#bar-multi-axis"),chartOptions={responsive:!0,maintainAspectRatio:!1,responsiveAnimationDuration:500,hoverMode:"label",stacked:!1,title:{display:!1,text:"Chart.js Bar Chart - Multi Axis"},scales:{xAxes:[{type:"linear",display:!0,position:"top",id:"x-axis-1",gridLines:{color:"#f3f3f3",drawTicks:!1},scaleLabel:{display:!0}},{type:"linear",display:!0,position:"bottom",id:"x-axis-2",gridLines:{drawOnChartArea:!1}}],yAxes:[{display:!0,gridLines:{color:"#f3f3f3",drawTicks:!1},scaleLabel:{display:!0}}]}},chartData={labels:["January","February","March","April","May"],datasets:[{label:"My First dataset",data:[45,-19,-32,48,-56],backgroundColor:"#5175E0",hoverBackgroundColor:"rgba(81,117,224,.8)",borderColor:"transparent",xAxisID:"x-axis-1"},{label:"My Second dataset",data:[28,-48,40,-19,66],backgroundColor:"#28D094",hoverBackgroundColor:"rgba(22,211,154,.8)",borderColor:"transparent",xAxisID:"x-axis-2"},{label:"My Third dataset",data:[-40,25,-16,-36,57],backgroundColor:"#F98E76",hoverBackgroundColor:"rgba(249,142,118,.8)",borderColor:"transparent",xAxisID:"x-axis-1"}]},config={type:"horizontalBar",options:chartOptions,data:chartData};new Chart(ctx,config)});