e.prototype.initCharts = function()

in src/AIHub/wwwroot/js/pages/dashboard.js [7:170]

• 155 lines of code
• 4 McCabe index (conditional complexity)

    e.prototype.initCharts = function() {
        window.Apex = {
            chart: {
                parentHeightOffset: 0,
                toolbar: {
                    show: !1
                }
            },
            grid: {
                padding: {
                    left: 0,
                    right: 0
                }
            },
            colors: ["#0072bC", "#0acf97", "#fa5c7c", "#ffbc00"]
        };
        var e = ["#0072bC", "#0acf97", "#fa5c7c", "#ffbc00"]
          , t = o("#revenue-chart").data("colors")
          , r = {
            chart: {
                height: 370,
                type: "line",
                dropShadow: {
                    enabled: !0,
                    opacity: .2,
                    blur: 7,
                    left: -7,
                    top: 7
                }
            },
            dataLabels: {
                enabled: !1
            },
            stroke: {
                curve: "smooth",
                width: 4
            },
            series: [{
                name: "Current Week",
                data: [10, 20, 15, 25, 20, 30, 20]
            }, {
                name: "Previous Week",
                data: [0, 15, 10, 30, 15, 35, 25]
            }],
            colors: e = t ? t.split(",") : e,
            zoom: {
                enabled: !1
            },
            legend: {
                show: !1
            },
            xaxis: {
                type: "string",
                categories: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
                tooltip: {
                    enabled: !1
                },
                axisBorder: {
                    show: !1
                }
            },
            grid: {
                strokeDashArray: 7
            },
            yaxis: {
                labels: {
                    formatter: function(e) {
                        return e + "k"
                    },
                    offsetX: -15
                }
            }
        }
          , e = (new ApexCharts(document.querySelector("#revenue-chart"),r).render(),
        ["#0072bC", "#e3eaef"])
          , r = {
            chart: {
                height: 256,
                type: "bar",
                stacked: !0
            },
            plotOptions: {
                bar: {
                    horizontal: !1,
                    columnWidth: "20%"
                }
            },
            dataLabels: {
                enabled: !1
            },
            stroke: {
                show: !0,
                width: 0,
                colors: ["transparent"]
            },
            series: [{
                name: "Actual",
                data: [65, 59, 80, 81, 56, 89, 40, 32, 65, 59, 80, 81]
            }, {
                name: "Projection",
                data: [89, 40, 32, 65, 59, 80, 81, 56, 89, 40, 65, 59]
            }],
            zoom: {
                enabled: !1
            },
            legend: {
                show: !1
            },
            colors: e = (t = o("#high-performing-product").data("colors")) ? t.split(",") : e,
            xaxis: {
                categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
                axisBorder: {
                    show: !1
                }
            },
            yaxis: {
                labels: {
                    formatter: function(e) {
                        return e + "k"
                    },
                    offsetX: -15
                }
            },
            fill: {
                opacity: 1
            },
            tooltip: {
                y: {
                    formatter: function(e) {
                        return "$" + e + "k"
                    }
                }
            }
        }
          , e = (new ApexCharts(document.querySelector("#high-performing-product"),r).render(),
        ["#0072bC", "#0acf97", "#fa5c7c", "#ffbc00"])
          , r = {
            chart: {
                height: 202,
                type: "donut"
            },
            legend: {
                show: !1
            },
            stroke: {
                width: 0
            },
            series: [44, 55, 41, 17],
            labels: ["Direct", "Affilliate", "Sponsored", "E-mail"],
            colors: e = (t = o("#average-sales").data("colors")) ? t.split(",") : e,
            responsive: [{
                breakpoint: 480,
                options: {
                    chart: {
                        width: 200
                    },
                    legend: {
                        position: "bottom"
                    }
                }
            }]
        };
        new ApexCharts(document.querySelector("#average-sales"),r).render()
    }