在使用 Vue 和 Echarts 組合進行數據可視化時，圖例是一個重要的組成部分，它可以展示圖表中數據的不同類別和含義。Vue Echarts 提供了方便的圖例設置方式，下面我們來一起了解一下。

在 Vue Echarts 中，我們可以通過 options 配置來設置圖例。options 中有一個屬性 legends，它是一個數組，里面存放了多個對象，每個對象代表一個圖例。每個圖例的屬性包括名稱 name、圖例類型 type 和用于標識的 icon。下面是一個簡單的例子：

<template>
<div class="chart">
<ve-line :options="chartOptions"></ve-line>
</div>
</template>
<script>
export default {
data() {
return {
chartOptions: {
legend: {
data: [
{ name: "新增用戶數", icon: "circle", type: "plain" },
{ name: "活躍用戶數", icon: "circle", type: "plain" }
]
},
series: [
{
name: "新增用戶數",
data: [120, 132, 101, 134, 90, 230, 210]
},
{
name: "活躍用戶數",
data: [220, 182, 191, 234, 290, 330, 310]
}
]
}
};
}
};
</script>

在這個例子中，我們通過設置 chartOptions 中的 legend 屬性來設置圖例。legend 的 data 屬性是一個數組，里面存放了兩個對象，分別表示新增用戶數和活躍用戶數。在實際的應用場景中，我們可以根據需要設置更多的圖例。

除了上述例子中的 plain 類型圖例，Vue Echarts 還提供了其他幾種類型的圖例，包括 scroll、plain、plain2、scroll1、scroll2、scroll3。這些圖例類型不同的展示方式，我們可以根據不同的場景來選擇合適的類型。

總的來說，在 Vue Echarts 中設置圖例非常方便，通過簡單的配置就能夠實現多個圖例的展示，并且支持不同類型的圖例。在實際的應用過程中，我們需要靈活運用圖例來展示數據的含義和分類信息。