uniapp 手动引入ucharts(引入，注册，使用组件)

1. 先下载ucharts

2. 将组件放在自己的components/qiun-data-charts文件中起名ucharts

3. 找到关联文件一并放入ucharts下

4. 最终放在自己目录下的文件

5. 修改后的路径

6. 引入并且注册，并且使用组件

<template>
    <charts-box">
        <qiun-data-charts type="column" :chartData="chartsDataColumn1" :opts="opts"></qiun-data-charts>
    </view>
</template>

<script>
import qiunDataCharts from "@/components/ucharts/qiun-data-charts.vue";


export default {
  data() {
    return {
        chartsDataColumn1: {
            categories: ["2016", "2017", "2018", "2019", "2020", "2021"],
            series: [
                {
                    name: "目标值",
                    data: [35, 36, 31, 33, 13, 34],
                },
                {
                    name: "完成量",
                    data: [18, 27, 21, 24, 6, 28],
                },
             ],
        },
        // 其他配置
        opts:{
            legend:{
                    show: false,
            }
        }
    },
    components: {
        "qiun-data-charts": qiunDataCharts
    },
        
}    
        
</script>

<style>
.charts-box{
    width: 100%;
    height: 320px;
}
</style>

7. 最终效果如下