LoongPanel-Asp/web/config/charts.ts

65 lines
1.9 KiB
TypeScript
Raw Normal View History

2024-06-22 10:54:02 +08:00
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,
}