// $(document).ready(function(){ // console.log('hii'); // $('#kt_app_sidebar_menu a.menu-link').on('hover',function(){ // $('#kt_app_sidebar_menu .menu-link').removeClass('active'); // $this().addClass('active'); // }); // }) google.charts.load('current', {'packages':['corechart']}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['Equity', 'Hours per Day'], ['Mutual Fund', 5], ['Fix Deposit', 5], ['Real Estate', 5], ['Real Estate', 8], ]); var options = { responsive:true, plugin:{ legend:{ position:'top' } } }; var chart = new google.visualization.PieChart(document.getElementById('piechart')); chart.draw(data, options); } google.charts.load('current', {'packages':['corechart']}); google.charts.setOnLoadCallback(drawChart1); function drawChart1() { var data = new google.visualization.DataTable(); data.addColumn('string', 'Pizza'); data.addColumn('number', 'Populartiy'); data.addRows([ ['Equity', 20], ['Fix Deposit', 26], ['Mutual Fund', 40], // ['Real Estate', 20], // Below limit. ]); var options = { sliceVisibilityThreshold: .2 }; var chart = new google.visualization.PieChart(document.getElementById('piechart1')); chart.draw(data, options); } //yasin ktChartJs start //====tab-three==== var KTChartsWidget50 = (function () { var e = { self: null, rendered: !1 }, t = { self: null, rendered: !1 }, a = { self: null, rendered: !1 }, l = { self: null, rendered: !1 }, r = { self: null, rendered: !1 }, o = function (e, t, a, l, r, o) { var i = document.querySelector(a); if (i) { var s = parseInt(KTUtil.css(i, "height")), n = i.getAttribute("data-kt-chart-color"), d = KTUtil.getCssVariableValue("--kt-gray-500"), m = KTUtil.getCssVariableValue("--kt-border-dashed-color"), c = KTUtil.getCssVariableValue("--kt-" + n), g = { series: [{ name: "Earnings", data: l }], chart: { fontFamily: "inherit", type: "area", height: s, toolbar: { show: !1 } }, legend: { show: !1 }, dataLabels: { enabled: !1 }, fill: { type: "gradient", gradient: { shadeIntensity: 1, opacityFrom: 0.4, opacityTo: 0.2, stops: [15, 120, 100] } }, stroke: { curve: "smooth", show: !0, width: 3, colors: [c] }, xaxis: { categories: r, axisBorder: { show: !1 }, axisTicks: { show: !1 }, offsetX: 20, tickAmount: 4, labels: { rotate: 0, rotateAlways: !1, show: !1, style: { colors: d, fontSize: "12px" } }, crosshairs: { position: "front", stroke: { color: c, width: 1, dashArray: 3 } }, tooltip: { enabled: !0, formatter: void 0, offsetY: 0, style: { fontSize: "12px" } }, }, yaxis: { tickAmount: 4, max: 4e3, min: 1e3, labels: { show: !1 } }, states: { normal: { filter: { type: "none", value: 0 } }, hover: { filter: { type: "none", value: 0 } }, active: { allowMultipleDataPointsSelection: !1, filter: { type: "none", value: 0 } } }, tooltip: { style: { fontSize: "12px" }, y: { formatter: function (e) { return e + "$"; }, }, }, colors: [c], grid: { borderColor: m, strokeDashArray: 3, yaxis: { lines: { show: !0 } } }, markers: { strokeColor: c, strokeWidth: 3 }, }; e.self = new ApexCharts(i, g); var f = document.querySelector(t); !0 === o && setTimeout(function () { e.self.render(), (e.rendered = !0); }, 200), f.addEventListener("shown.bs.tab", function (t) { !1 === e.rendered && (e.self.render(), (e.rendered = !0)); }); } }; return { init: function () { var i = [2100, 3100, 3100, 2400, 2400, 1800, 1800, 2400, 2400, 3200, 3200, 2800, 2800, 3250, 3250], s = ["10AM", "10.30AM", "11AM", "11.15AM", "11.30AM", "12PM", "1PM", "2PM", "3PM", "4PM", "5PM", "6PM", "7PM", "8PM", "9PM"]; o(e, "#kt_charts_widget_50_tab_1", "#kt_charts_widget_50_chart_1", i, s, !0); var n = [2300, 2300, 2e3, 3200, 3200, 2800, 2400, 2400, 3100, 2900, 3200, 3200, 2600, 2600, 3200], d = ["Apr 01", "Apr 02", "Apr 03", "Apr 04", "Apr 05", "Apr 06", "Apr 07", "Apr 08", "Apr 09", "Apr 10", "Apr 11", "Apr 12", "Apr 13", "Apr 14", "Apr 15"]; o(t, "#kt_charts_widget_50_tab_2", "#kt_charts_widget_50_chart_2", n, d, !1); var m = [2600, 3200, 2300, 2300, 2e3, 3200, 3100, 2900, 3400, 3400, 2600, 3200, 2800, 2400, 2400], c = ["Apr 02", "Apr 03", "Apr 04", "Apr 05", "Apr 06", "Apr 09", "Apr 10", "Apr 12", "Apr 14", "Apr 17", "Apr 18", "Apr 18", "Apr 20", "Apr 22", "Apr 24"]; o(a, "#kt_charts_widget_50_tab_3", "#kt_charts_widget_50_chart_3", m, c, !1); var g = [1800, 1800, 2400, 2400, 3200, 3200, 3e3, 2100, 3200, 3200, 2400, 2400, 3e3, 3200, 3100], f = ["Jun 2021", "Jul 2021", "Aug 2021", "Sep 2021", "Oct 2021", "Nov 2021", "Dec 2021", "Jan 2022", "Feb 2022", "Mar 2022", "Apr 2022", "May 2022", "Jun 2022", "Jul 2022", "Aug 2022"]; o(l, "#kt_charts_widget_50_tab_4", "#kt_charts_widget_50_chart_4", g, f, !1); var u = [3200, 2100, 3200, 3200, 3200, 3500, 3e3, 2400, 3250, 2400, 2400, 3250, 3e3, 2400, 2800], p = ["Sep 2021", "Oct 2021", "Nov 2021", "Dec 2021", "Jan 2022", "Feb 2022", "Mar 2022", "Apr 2022", "May 2022", "Jun 2022", "Jul 2022", "Aug 2022", "Sep 2022", "Oct 2022", "Nov 2022"]; o(r, "#kt_charts_widget_50_tab_5", "#kt_charts_widget_50_chart_5", u, p, !1), KTThemeMode.on("kt.thememode.change", function () { e.rendered && e.self.destroy(), t.rendered && t.self.destroy(), a.rendered && a.self.destroy(), l.rendered && l.self.destroy(), r.rendered && r.self.destroy(), o(e, "#kt_charts_widget_50_tab_1", "#kt_charts_widget_50_chart_1", i, s, e.rendered), o(t, "#kt_charts_widget_50_tab_2", "#kt_charts_widget_50_chart_2", n, d, t.rendered), o(a, "#kt_charts_widget_50_tab_3", "#kt_charts_widget_50_chart_3", m, c, a.rendered), o(l, "#kt_charts_widget_50_tab_4", "#kt_charts_widget_50_chart_4", g, f, l.rendered), o(r, "#kt_charts_widget_50_tab_5", "#kt_charts_widget_50_chart_5", u, p, r.rendered); }); }, }; })(); "undefined" != typeof module && (module.exports = KTChartsWidget50), KTUtil.onDOMContentLoaded(function () { KTChartsWidget50.init(); }); //====tab-four==== var KTChartsWidget55 = (function () { var e = { self: null, rendered: !1 }, t = { self: null, rendered: !1 }, a = { self: null, rendered: !1 }, l = { self: null, rendered: !1 }, r = { self: null, rendered: !1 }, o = function (e, t, a, l, r, o) { var i = document.querySelector(a); if (i) { var s = parseInt(KTUtil.css(i, "height")), n = i.getAttribute("data-kt-chart-color"), d = KTUtil.getCssVariableValue("--kt-gray-500"), m = KTUtil.getCssVariableValue("--kt-border-dashed-color"), c = KTUtil.getCssVariableValue("--kt-" + n), g = { series: [{ name: "Earnings", data: l }], chart: { fontFamily: "inherit", type: "area", height: s, toolbar: { show: !1 } }, legend: { show: !1 }, dataLabels: { enabled: !1 }, fill: { type: "gradient", gradient: { shadeIntensity: 1, opacityFrom: 0.4, opacityTo: 0.2, stops: [15, 120, 100] } }, stroke: { curve: "smooth", show: !0, width: 3, colors: [c] }, xaxis: { categories: r, axisBorder: { show: !1 }, axisTicks: { show: !1 }, offsetX: 20, tickAmount: 4, labels: { rotate: 0, rotateAlways: !1, show: !1, style: { colors: d, fontSize: "12px" } }, crosshairs: { position: "front", stroke: { color: c, width: 1, dashArray: 3 } }, tooltip: { enabled: !0, formatter: void 0, offsetY: 0, style: { fontSize: "12px" } }, }, yaxis: { tickAmount: 4, max: 4e3, min: 1e3, labels: { show: !1 } }, states: { normal: { filter: { type: "none", value: 0 } }, hover: { filter: { type: "none", value: 0 } }, active: { allowMultipleDataPointsSelection: !1, filter: { type: "none", value: 0 } } }, tooltip: { style: { fontSize: "12px" }, y: { formatter: function (e) { return e + "$"; }, }, }, colors: [c], grid: { borderColor: m, strokeDashArray: 3, yaxis: { lines: { show: !0 } } }, markers: { strokeColor: c, strokeWidth: 3 }, }; e.self = new ApexCharts(i, g); var f = document.querySelector(t); !0 === o && setTimeout(function () { e.self.render(), (e.rendered = !0); }, 200), f.addEventListener("shown.bs.tab", function (t) { !1 === e.rendered && (e.self.render(), (e.rendered = !0)); }); } }; return { init: function () { var i = [2100, 3100, 3100, 2400, 2400, 1800, 1800, 2400, 2400, 3200, 3200, 2800, 2800, 3250, 3250], s = ["10AM", "10.30AM", "11AM", "11.15AM", "11.30AM", "12PM", "1PM", "2PM", "3PM", "4PM", "5PM", "6PM", "7PM", "8PM", "9PM"]; o(e, "#kt_charts_widget_55_tab_1", "#kt_charts_widget_55_chart_1", i, s, !0); var n = [2300, 2300, 2e3, 3200, 3200, 2800, 2400, 2400, 3100, 2900, 3200, 3200, 2600, 2600, 3200], d = ["Apr 01", "Apr 02", "Apr 03", "Apr 04", "Apr 05", "Apr 06", "Apr 07", "Apr 08", "Apr 09", "Apr 10", "Apr 11", "Apr 12", "Apr 13", "Apr 14", "Apr 15"]; o(t, "#kt_charts_widget_55_tab_2", "#kt_charts_widget_55_chart_2", n, d, !1); var m = [2600, 3200, 2300, 2300, 2e3, 3200, 3100, 2900, 3400, 3400, 2600, 3200, 2800, 2400, 2400], c = ["Apr 02", "Apr 03", "Apr 04", "Apr 05", "Apr 06", "Apr 09", "Apr 10", "Apr 12", "Apr 14", "Apr 17", "Apr 18", "Apr 18", "Apr 20", "Apr 22", "Apr 24"]; o(a, "#kt_charts_widget_55_tab_3", "#kt_charts_widget_55_chart_3", m, c, !1); var g = [1800, 1800, 2400, 2400, 3200, 3200, 3e3, 2100, 3200, 3200, 2400, 2400, 3e3, 3200, 3100], f = ["Jun 2021", "Jul 2021", "Aug 2021", "Sep 2021", "Oct 2021", "Nov 2021", "Dec 2021", "Jan 2022", "Feb 2022", "Mar 2022", "Apr 2022", "May 2022", "Jun 2022", "Jul 2022", "Aug 2022"]; o(l, "#kt_charts_widget_55_tab_4", "#kt_charts_widget_55_chart_4", g, f, !1); var u = [3200, 2100, 3200, 3200, 3200, 3500, 3e3, 2400, 3250, 2400, 2400, 3250, 3e3, 2400, 2800], p = ["Sep 2021", "Oct 2021", "Nov 2021", "Dec 2021", "Jan 2022", "Feb 2022", "Mar 2022", "Apr 2022", "May 2022", "Jun 2022", "Jul 2022", "Aug 2022", "Sep 2022", "Oct 2022", "Nov 2022"]; o(r, "#kt_charts_widget_55_tab_5", "#kt_charts_widget_55_chart_5", u, p, !1), KTThemeMode.on("kt.thememode.change", function () { e.rendered && e.self.destroy(), t.rendered && t.self.destroy(), a.rendered && a.self.destroy(), l.rendered && l.self.destroy(), r.rendered && r.self.destroy(), o(e, "#kt_charts_widget_55_tab_1", "#kt_charts_widget_55_chart_1", i, s, e.rendered), o(t, "#kt_charts_widget_55_tab_2", "#kt_charts_widget_55_chart_2", n, d, t.rendered), o(a, "#kt_charts_widget_55_tab_3", "#kt_charts_widget_55_chart_3", m, c, a.rendered), o(l, "#kt_charts_widget_55_tab_4", "#kt_charts_widget_55_chart_4", g, f, l.rendered), o(r, "#kt_charts_widget_55_tab_5", "#kt_charts_widget_55_chart_5", u, p, r.rendered); }); }, }; })(); "undefined" != typeof module && (module.exports = KTChartsWidget55), KTUtil.onDOMContentLoaded(function () { KTChartsWidget55.init(); }); //====tab-five==== var KTChartsWidget60 = (function () { var e = { self: null, rendered: !1 }, t = { self: null, rendered: !1 }, a = { self: null, rendered: !1 }, l = { self: null, rendered: !1 }, r = { self: null, rendered: !1 }, o = function (e, t, a, l, r, o) { var i = document.querySelector(a); if (i) { var s = parseInt(KTUtil.css(i, "height")), n = i.getAttribute("data-kt-chart-color"), d = KTUtil.getCssVariableValue("--kt-gray-500"), m = KTUtil.getCssVariableValue("--kt-border-dashed-color"), c = KTUtil.getCssVariableValue("--kt-" + n), g = { series: [{ name: "Earnings", data: l }], chart: { fontFamily: "inherit", type: "area", height: s, toolbar: { show: !1 } }, legend: { show: !1 }, dataLabels: { enabled: !1 }, fill: { type: "gradient", gradient: { shadeIntensity: 1, opacityFrom: 0.4, opacityTo: 0.2, stops: [15, 120, 100] } }, stroke: { curve: "smooth", show: !0, width: 3, colors: [c] }, xaxis: { categories: r, axisBorder: { show: !1 }, axisTicks: { show: !1 }, offsetX: 20, tickAmount: 4, labels: { rotate: 0, rotateAlways: !1, show: !1, style: { colors: d, fontSize: "12px" } }, crosshairs: { position: "front", stroke: { color: c, width: 1, dashArray: 3 } }, tooltip: { enabled: !0, formatter: void 0, offsetY: 0, style: { fontSize: "12px" } }, }, yaxis: { tickAmount: 4, max: 4e3, min: 1e3, labels: { show: !1 } }, states: { normal: { filter: { type: "none", value: 0 } }, hover: { filter: { type: "none", value: 0 } }, active: { allowMultipleDataPointsSelection: !1, filter: { type: "none", value: 0 } } }, tooltip: { style: { fontSize: "12px" }, y: { formatter: function (e) { return e + "$"; }, }, }, colors: [c], grid: { borderColor: m, strokeDashArray: 3, yaxis: { lines: { show: !0 } } }, markers: { strokeColor: c, strokeWidth: 3 }, }; e.self = new ApexCharts(i, g); var f = document.querySelector(t); !0 === o && setTimeout(function () { e.self.render(), (e.rendered = !0); }, 200), f.addEventListener("shown.bs.tab", function (t) { !1 === e.rendered && (e.self.render(), (e.rendered = !0)); }); } }; return { init: function () { var i = [2100, 3100, 3100, 2400, 2400, 1800, 1800, 2400, 2400, 3200, 3200, 2800, 2800, 3250, 3250], s = ["10AM", "10.30AM", "11AM", "11.15AM", "11.30AM", "12PM", "1PM", "2PM", "3PM", "4PM", "5PM", "6PM", "7PM", "8PM", "9PM"]; o(e, "#kt_charts_widget_60_tab_1", "#kt_charts_widget_60_chart_1", i, s, !0); var n = [2300, 2300, 2e3, 3200, 3200, 2800, 2400, 2400, 3100, 2900, 3200, 3200, 2600, 2600, 3200], d = ["Apr 01", "Apr 02", "Apr 03", "Apr 04", "Apr 05", "Apr 06", "Apr 07", "Apr 08", "Apr 09", "Apr 10", "Apr 11", "Apr 12", "Apr 13", "Apr 14", "Apr 15"]; o(t, "#kt_charts_widget_60_tab_2", "#kt_charts_widget_60_chart_2", n, d, !1); var m = [2600, 3200, 2300, 2300, 2e3, 3200, 3100, 2900, 3400, 3400, 2600, 3200, 2800, 2400, 2400], c = ["Apr 02", "Apr 03", "Apr 04", "Apr 05", "Apr 06", "Apr 09", "Apr 10", "Apr 12", "Apr 14", "Apr 17", "Apr 18", "Apr 18", "Apr 20", "Apr 22", "Apr 24"]; o(a, "#kt_charts_widget_60_tab_3", "#kt_charts_widget_60_chart_3", m, c, !1); var g = [1800, 1800, 2400, 2400, 3200, 3200, 3e3, 2100, 3200, 3200, 2400, 2400, 3e3, 3200, 3100], f = ["Jun 2021", "Jul 2021", "Aug 2021", "Sep 2021", "Oct 2021", "Nov 2021", "Dec 2021", "Jan 2022", "Feb 2022", "Mar 2022", "Apr 2022", "May 2022", "Jun 2022", "Jul 2022", "Aug 2022"]; o(l, "#kt_charts_widget_60_tab_4", "#kt_charts_widget_60_chart_4", g, f, !1); var u = [3200, 2100, 3200, 3200, 3200, 3500, 3e3, 2400, 3250, 2400, 2400, 3250, 3e3, 2400, 2800], p = ["Sep 2021", "Oct 2021", "Nov 2021", "Dec 2021", "Jan 2022", "Feb 2022", "Mar 2022", "Apr 2022", "May 2022", "Jun 2022", "Jul 2022", "Aug 2022", "Sep 2022", "Oct 2022", "Nov 2022"]; o(r, "#kt_charts_widget_60_tab_5", "#kt_charts_widget_60_chart_5", u, p, !1), KTThemeMode.on("kt.thememode.change", function () { e.rendered && e.self.destroy(), t.rendered && t.self.destroy(), a.rendered && a.self.destroy(), l.rendered && l.self.destroy(), r.rendered && r.self.destroy(), o(e, "#kt_charts_widget_60_tab_1", "#kt_charts_widget_60_chart_1", i, s, e.rendered), o(t, "#kt_charts_widget_60_tab_2", "#kt_charts_widget_60_chart_2", n, d, t.rendered), o(a, "#kt_charts_widget_60_tab_3", "#kt_charts_widget_60_chart_3", m, c, a.rendered), o(l, "#kt_charts_widget_60_tab_4", "#kt_charts_widget_60_chart_4", g, f, l.rendered), o(r, "#kt_charts_widget_60_tab_5", "#kt_charts_widget_60_chart_5", u, p, r.rendered); }); }, }; })(); "undefined" != typeof module && (module.exports = KTChartsWidget60), KTUtil.onDOMContentLoaded(function () { KTChartsWidget60.init(); }); //======lead-report==== (function () { var e = document.getElementById("kt_charts_widget_52_chart"); if (e) { var t = { self: null, rendered: !1 }, a = function () { parseInt(KTUtil.css(e, "height")); var a = KTUtil.getCssVariableValue("--kt-gray-500"), o = KTUtil.getCssVariableValue("--kt-gray-200"), r = KTUtil.getCssVariableValue("--kt-info"), s = { series: [{ name: "Net Profit", data: [30, 40, 40, 90, 90, 70, 70] }], chart: { fontFamily: "inherit", type: "area", height: 350, toolbar: { show: !1 } }, plotOptions: {}, legend: { show: !1 }, dataLabels: { enabled: !1 }, fill: { type: "solid", opacity: 1 }, stroke: { curve: "smooth", show: !0, width: 3, colors: [r] }, xaxis: { categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug"], axisBorder: { show: !1 }, axisTicks: { show: !1 }, labels: { style: { colors: a, fontSize: "12px" } }, crosshairs: { position: "front", stroke: { color: r, width: 1, dashArray: 3 } }, tooltip: { enabled: !0, formatter: void 0, offsetY: 0, style: { fontSize: "12px" } }, }, yaxis: { labels: { style: { colors: a, fontSize: "12px" } } }, states: { normal: { filter: { type: "none", value: 0 } }, hover: { filter: { type: "none", value: 0 } }, active: { allowMultipleDataPointsSelection: !1, filter: { type: "none", value: 0 } } }, tooltip: { style: { fontSize: "12px" }, y: { formatter: function (e) { return "$" + e + " thousands"; } } }, colors: [KTUtil.getCssVariableValue("--kt-info-light")], grid: { borderColor: o, strokeDashArray: 4, yaxis: { lines: { show: !0 } } }, markers: { strokeColor: r, strokeWidth: 3 } }; (t.self = new ApexCharts(e, s)), t.self.render(), (t.rendered = !0); }; a(), KTThemeMode.on("kt.thememode.change", function () { t.rendered && t.self.destroy(), a(); }); } })();