uniapp按需引入lime-echarts

UniApp是一个基于Vue.js的跨平台应用开发框架，它支持使用Web技术构建原生应用。Lime-Echarts是一个轻量级的ECharts封装，用于在UniApp中集成高性能的数据可视化图表。按需引入Lime-Echarts可以减少应用的初始加载体积，提高用户体验。

按需引入Lime-Echarts的步骤如下：

1. **安装依赖**：首先确保你在项目中已经安装了Lime-Echarts和相关的依赖，可以使用npm或yarn进行安装：

   npm install @vant/lime-charts --save

2. **引入组件**：在需要使用Echarts的地方，只导入你需要的图表类型：

   import { Line } from '@vant/lime-charts';

或者使用ES6模块语法：

   import Line from '@vant/lime-charts/dist/components/line.vue';

3. **按需使用**：在组件的`<template>`中，只加载你实际需要显示的图表：

   <van-lazy-render :once="true" :load="loadChart">
     <template>
       <line ref="chart" :options="chartOptions"></line>
     </template>
   </van-lazy-render>

在`methods`里定义`loadChart`方法，动态初始化并设置图表配置：

   methods: {
     async loadChart() {
       if (this.shouldLoadChart) {
         // 初始化图表配置，例如
         this.chartOptions = {
           // ... Echarts配置项
         };
         this.$refs.chart.init(this.chartOptions);
       }
     },
     shouldLoadChart: false, // 初始设置为false，只有在需要时才切换为true
   }

4. **动态加载**：在首次渲染时，`shouldLoadChart`保持为`false`，当需要显示图表时，将其设置为`true`，触发`loadChart`方法加载图表。