uniapp echarts 折线图 怎么显示图例

在UniApp中使用Echarts库创建折线图时，展示图例是非常常见的需求。首先，你需要引入Echarts组件并配置好图表的基本元素，包括数据、系列（Series）和轴（Axis）。下面是一个简单的例子：

<template>
  <view>
    <uni-echart :option="chartOption" ref="myChart"></uni-echart>
  </view>
</template>

<script>
export default {
  data() {
    return {
      chartOption: {
        // 其他配置...
        legend: { // 图例配置
          data: ['销售额', '利润'], // 图例标题
          orient: 'vertical', // 横向或纵向布局
          pos: 'right', // 右侧位置
          show: true, // 是否显示图例
        },
        series: [
          {
            name: '销售额',
            type: 'line',
            // 系列的数据配置
          },
          {
            name: '利润',
            type: 'line',
            // 系列的数据配置
          }
        ],
        xAxis: {}, // x轴配置
        yAxis: {} // y轴配置
      },
    };
  },
};
</script>

在这个例子中，`legend.data`是你想在图例中显示的系列名称，你可以自定义它。如果你需要动态改变图例内容，可以在data里提供一个数组，并根据实际数据更新。