Ui-Skote/Laravel-vuejs/Admin/resources/js/views/dashboard/data-saas.js

const LineChart = {
    series: [
        {
            name: "series1",
            data: [31, 40, 36, 51, 49, 72, 69, 56, 68, 82, 68, 76]
        }
    ],
    chartOptions: {
        chart: {
            height: 320,
            type: "line",
            toolbar: "false",
            dropShadow: {
                enabled: true,
                color: "#000",
                top: 18,
                left: 7,
                blur: 8,
                opacity: 0.2
            }
        },
        dataLabels: {
            enabled: false
        },
        colors: ["#556ee6"],

        stroke: {
            curve: "smooth",
            width: 3
        }
    }
};
const DonutChart = {
    series: [56, 38, 26],
    chartOptions: {
        chart: {
            type: "donut",
            height: 240
        },
        labels: ["Series A", "Series B", "Series C"],
        colors: ["#556ee6", "#34c38f", "#f46a6a"],
        legend: {
            show: false
        },
        plotOptions: {
            pie: {
                donut: {
                    size: "70%"
                }
            }
        }
    }
};
const RadialChart1 = {
    series: [37],
    chartOptions: {
        chart: {
            type: "radialBar",
            width: 60,
            height: 60,
            sparkline: {
                enabled: true
            }
        },
        dataLabels: {
            enabled: false
        },
        colors: ["#556ee6"],
        plotOptions: {
            radialBar: {
                hollow: {
                    margin: 0,
                    size: "60%"
                },
                track: {
                    margin: 0
                },
                dataLabels: {
                    show: false
                }
            }
        }
    }
};
const RadialChart2 = {
    series: [72],
    chartOptions: {
        chart: {
            type: "radialBar",
            width: 60,
            height: 60,
            sparkline: {
                enabled: true
            }
        },
        dataLabels: {
            enabled: false
        },
        colors: ["#34c38f"],
        plotOptions: {
            radialBar: {
                hollow: {
                    margin: 0,
                    size: "60%"
                },
                track: {
                    margin: 0
                },
                dataLabels: {
                    show: false
                }
            }
        }
    }
};
const RadialChart3 = {
    series: [54],
    chartOptions: {
        chart: {
            type: "radialBar",
            width: 60,
            height: 60,
            sparkline: {
                enabled: true
            }
        },
        dataLabels: {
            enabled: false
        },
        colors: ["#f46a6a"],
        plotOptions: {
            radialBar: {
                hollow: {
                    margin: 0,
                    size: "60%"
                },
                track: {
                    margin: 0
                },
                dataLabels: {
                    show: false
                }
            }
        }
    }
};
export default { LineChart, DonutChart, RadialChart1, RadialChart2, RadialChart3 };