ok
Direktori : /home2/selectio/public_html/thedentalpark.com/appointment/admin/assets/js/ |
Current File : /home2/selectio/public_html/thedentalpark.com/appointment/admin/assets/js/admin-apexchart.init.js |
//=========================================// /*/* Apexcharts for admin */ //=========================================// try { var options1 = { series: [{ name: 'Male', data: [300, 250, 548, 440, 550, 570, 560, 610, 580, 630, 600, 660] }, { name: 'Female', data: [256, 480, 560, 760, 850, 1010, 980, 870, 1050, 910, 1140, 940] }, { name: 'Children', data: [480, 223, 256, 350, 410, 360, 260, 450, 480, 520, 530, 410] }], chart: { type: 'bar', height: 350, toolbar: { show: false, }, }, grid: { borderColor: '#e9ecef', }, plotOptions: { bar: { horizontal: false, columnWidth: '40%', endingShape: 'rounded' }, }, dataLabels: { enabled: false }, stroke: { show: true, width: 2, colors: ['transparent'] }, colors: ['#396cf0', '#53c797', '#f1b561'], xaxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], }, yaxis: { title: { text: 'Patients', style: { colors: ['#8492a6'], fontSize: '13px', fontFamily: 'Inter, sans-serif', fontWeight: 500, }, }, }, fill: { opacity: 1, }, tooltip: { y: { formatter: function (val) { return val + " Patients" } } } }; var chart1 = new ApexCharts(document.querySelector("#dashboard"), options1); chart1.render(); } catch (error) { } try { var options2 = { chart: { height: 350, type: 'radialBar', dropShadow: { enabled: true, top: 10, left: 0, bottom: 0, right: 0, blur: 2, color: '#45404a2e', opacity: 0.35 }, }, colors: ['#396cf0', '#53c797', '#f1b561', '#f0735a'], plotOptions: { radialBar: { track: { background: '#b9c1d4', opacity: 0.5, }, dataLabels: { name: { fontSize: '22px', }, value: { fontSize: '16px', color: '#8997bd', }, total: { show: true, label: 'Total', color: '#8997bd', formatter: function (w) { // By default this function returns the average of all series. The below is just an example to show the use of custom formatter function return 249 } } } } }, series: [44, 55, 67, 83], labels: ['Cardilogram', 'Gynecology', 'Dental Care', 'Neurology'], } var chart2 = new ApexCharts(document.querySelector("#department"),options2); chart2.render(); } catch (error) { }