uniapp使用u-echart1制作折线图

在UniApp中，UCharts是一个用于图表绘制的组件库，它基于ECharts封装，可以方便地在H5和小程序环境中创建各种类型的图表，包括折线图。如果你想使用UCharts 1.x版本制作折线图，你可以按照以下步骤操作：

1. 首先，在你的项目中引入UCharts的依赖。如果你还没有安装，可以在UniApp的运行环境（如uni-app官网的在线编辑器或自建项目）中搜索并安装`@dcloudio/uni-charts`。

<template>
  <uni-charts ref="lineChart" :config="chartConfig"></uni-charts>
</template>

<script>
import UCharts from '@dcloudio/uni-charts';

export default {
  components: {
    uniCharts: UCharts,
  },
  data() {
    return {
      chartConfig: {
        type: 'line', // 设置为'line'表示折线图
        data: [
          { name: '销量', data: [820, 932, 901, 934, 1290, 1330, 1320] }, // 数据配置
          { name: '收入', data: [710, 632, 901, 834, 1090, 1130, 1120] },
        ],
      },
    };
  },
};
</script>

2. 然后，你需要在适当的时候初始化图表，比如在`mounted()`生命周期钩子里：

 mounted() {
    this.$refs.lineChart.init(); // 初始化图表
  }

3. 这样你就创建了一个基本的折线图。你可以通过修改`chartConfig`的对象属性来自定义颜色、标题、轴标签等图表元素，以及响应式调整。