export const charts: chartItem[] = [
    {
        id: 'pie',
        name: '饼状图',
        description: '饼状图描述',
        image: '/chartIcon/Pie.svg',
        component: defineAsyncComponent(() => import(`~/components/Charts/PieChart.vue`))
    }, {
        id: 'area',
        name: '面积图',
        description: '面积图描述',
        image: '/chartIcon/Area.svg',
        component: defineAsyncComponent(() => import(`~/components/Charts/AreaChart.vue`))
    }, {
        id: 'bubble',
        name: '气泡图',
        description: '气泡图描述',
        image: '/chartIcon/Bubble.svg'
    }, {
        id: 'doughunt',
        name: '环形图',
        description: '环形图描述',
        image: '/chartIcon/Doughnut.svg'
    }, {
        id: 'radar',
        name: '雷达图',
        description: '雷达图描述',
        image: '/chartIcon/Filled_Radar.svg'
    }, {
        id: 'histogram',
        name: '柱状图',
        description: '柱状图描述',
        image: '/chartIcon/Histogram.svg',
        component: defineAsyncComponent(() => import(`~/components/Charts/BarChart.vue`))
    }, {
        id: 'circle',
        name: '容积图',
        description: '容积图描述',
        image: '/chartIcon/Increasing_Circle_Process.svg'
    }, {
        id: 'line',
        name: '折线图',
        description: '折线图描述',
        image: '/chartIcon/Line.svg',
        component: defineAsyncComponent(() => import(`~/components/Charts/LineChart.vue`))
    }, {
        id: 'pareto',
        name: '帕累托图',
        description: '帕累托图描述',
        image: '/chartIcon/Pareto.svg'
    }, {
        id: 'scatter',
        name: '散点图',
        description: '散点图描述',
        image: '/chartIcon/Scatter.svg'
    }
]

export type chartItem = {
    id: string,
    name: string,
    description: string,
    image: string,
    component?: any,
}