ajreport vue3

AJReport 是一个使用 Vue.js 3 开发的数据可视化组件库。它提供了多种图表类型，包括折线图、柱状图、饼图、雷达图等，并支持自定义主题、数据筛选、动态更新等功能。

使用 AJReport 可以方便地将数据可视化展示，从而更好地理解和分析数据。它还提供了丰富的配置项和 API，可以满足不同场景下的需求。

下面是一个使用 AJReport 绘制折线图的示例：

<template>
  <div>
    <aj-line-chart :data="data" :config="config"></aj-line-chart>
  </div>
</template>

<script>
import { ref } from 'vue'
import { AjLineChart } from 'ajreport'

export default {
  name: 'LineChartDemo',
  components: {
    AjLineChart
  },
  setup() {
    const data = ref([
      { name: 'Jan', value: 20 },
      { name: 'Feb', value: 35 },
      { name: 'Mar', value: 18 },
      { name: 'Apr', value: 50 },
      { name: 'May', value: 30 },
      { name: 'Jun', value: 45 }
    ])

    const config = ref({
      title: 'Monthly Sales',
      x: {
        label: 'Month',
        key: 'name'
      },
      y: {
        label: 'Sales',
        key: 'value',
        scale: true
      }
    })

    return {
      data,
      config
    }
  }
}
</script>

在上面的示例中，我们使用 `AjLineChart` 组件绘制了一个折线图。`data` 和 `config` 分别是数据和配置项，我们使用 `ref` 创建了响应式的数据。

配置项中，我们设置了图表的标题、X 轴标签、Y 轴标签和 Y 轴是否需要进行比例缩放。通过修改配置项，我们可以轻松地实现不同样式的图表展示。

AJReport 还提供了多种其他类型的图表组件，如 `AjBarChart`、`AjPieChart`、`AjRadarChart` 等。在使用时，只需将对应的组件引入并传入数据和配置项即可。