小编rus*_*ord的帖子

我正在开发一个 vue.js 项目，并且正在使用 v-charts 插件。我无法为我正在生成的任何折线图显示图例。我能够生成带有 x 轴和 y 轴标签以及图表标题的适当图表。我尝试过改变图例的大量不同选项。我还单独导入了电子图表的图例组件。

我已经为图例尝试了多种不同的格式选项。我已经开始了一个没有任何样式的新项目，但仍然没有运气。我确信我的选项对象发生了一些简单的事情，但我无法弄清楚。

有其他人遇到过这个问题并找到解决方案吗？

我多年来一直使用这个网站作为资源，从未提出过问题。我无法弄清楚这一点。

图表选项栏正在函数中设置，并且数据在图表上适当表示。我只需要能够显示图例。

代码片段和下图截图：

<template>
    <div class="standard_div">
      <!-- Begin chart component of graph -->
        <v-chart v-if="showChart" :options="chartOptionsBar"/>
        <!-- End chart component-->
    </div>
</template>

<script>
// Import a different instance ECharts into the .vue file.
import ECharts from 'vue-echarts';
import 'echarts/lib/component/legend'
import 'echarts/lib/component/title'
</script>

chartOptionsBar = {
          xAxis: {
            // The data for the series
            data: this.xAxisSeries,
            // Parameters for the x axis
            name: this.x_axis,
            nameLocation: 'middle',
            nameTextStyle: {
              padding: [20, …