更新记录

1.0.0（2026-02-02） 下载此版本

• 支持柱状图、折线图、面积图
• 丰富的配置选项
• 默认样式优化
• 响应式高度

平台兼容性

uni-app(3.6.17)

其他

Chart-Graph 图表组件

基于 uCharts 的图表组件，支持多种图表类型。

功能特性

• 支持柱状图、折线图、面积图
• 丰富的配置选项
• 默认样式优化
• 响应式高度

Props

使用示例

<template>
  <Chart-Graph
    :height="400"
    :chartData="chartData"
    chartType="column"
    :opts="chartOptions"
  />
</template>

<script setup>
import { ref } from 'vue';
import ChartGraph from '@/components/Chart-Graph.vue';

const chartData = ref({
  categories: ['1月', '2月', '3月'],
  series: [
    { name: '销量', data: [120, 150, 180] }
  ]
});

const chartOptions = ref({
  color: ['#0473DE'],
  legend: { show: true },
});
</script>