如何在 Apache Echarts 中的现有图表上添加虚线

Question

我的任务是实现我们设计团队制作的图表，我查看了echartscheatsheet，但找不到我需要的东西，我正在尝试实现这条代表中值的虚线：

到目前为止我已经做到了：

Echarts 中的垂直点线叫什么？我可以根据我的数据集源自动提取中值吗？

另外如何添加指代该虚线的标签“Moyenne”？

这是我当前的选项对象：

const barColors: string[] = ["#5BA0B4", "#E6BE72", "#4C2E25", "#809D92", "#CCA0B9", "#75273B", "#E7728E", "#C6DDE4", "#9A7F4D", "#53645D", "#D1836E", "#79566A", "#D1DCD8", "#295765", "#E04F71", "#F3D5A1", "#A0604E"];
      const optionsBarCharthorizontal: EChartsOption = {
        legend: {},
        tooltip: {},
        dataset: {
          source: [
            ...(parseScenarios(data) || []),
          ]
        },
        xAxis: { type: 'value' },
        yAxis: {
          type: 'category',
          inverse: true,
        },
        series: [
          {
            type: 'bar',
            realtimeSort: true,
            itemStyle: {
              color: function (params) {
                return barColors[params.dataIndex];
              }
            }
          }
        ]
      }

任何帮助表示赞赏！我对数据可视化总体来说是个新手，之前从未使用过 Echarts。

Answer 1

Echart 具有显示线条（markLine）的功能：示例

此外，Echart 支持

'min', 'max', 'average'

。欲了解更多信息：这里