uniapp qiun-data-charts

Qiun-Data-Charts是针对Unite Platform（即UniApp）的一套轻量级的数据可视化组件库，它专注于提供易用性和高性能的图表展示功能。这款库基于Vue.js开发，覆盖了常见的图表类型，如折线图、柱状图、饼图、散点图等，适用于统计分析和业务数据展示。

使用Qiun-Data-Charts在UniApp项目中添加折线图的基本步骤如下：

1. 首先，你需要在UniApp项目的`package.json`中添加 Qiun-Data-Charts 的依赖：

   "dependencies": {
       "qiun-data-charts": "^版本号"
   }

2. 然后在项目文件中导入所需模块：

   <script src="@/components/qiun-data-charts/dist/index.js"></script>

3. 在模板中创建图表实例：

   <view>
     <qiun-chart ref="chartRef">
       <qiun-line-chart :data="lineChartData" />
     </qiun-chart>
   </view>

4. 设置数据和配置：

   import { ref } from 'vue';
   const chartRef = ref();
   const lineChartData = {
     labels: ['A', 'B', 'C', 'D', 'E'],
     datasets: [{
       label: '销售额',
       data: [5, 20, 36, 10, 10],
       fill: false,
       borderColor: '#3e95cd',
       pointRadius: 4
     }]
   };
   
   onMounted(() => {
     chartRef.value.lineChart.setData(lineChartData);
   });