ECharts - 无法在时间轴(xAxis)上创建垂直标记线

Question

当轴类型为“时间”时，无法将垂直标记添加到 xAxis。我想添加代表时间轴上不同日期事件的标记。

我试过的样本， https://jsfiddle.net/msbasanth/ez3cgm5d/3/

当我将 xAxis 类型设置为“类别”或“值”时，我可以毫无问题地添加标记线。这就是我在 xAxis 中设置 markerLine 的方式。

 xAxis: {
          type: "time",
          axisTick: {
            show: false,
          },
          markLine: {
            data: [
     [
        {
            name: 'Mark line between two points',
            x: 100,
            y: 100
        },
        {
            x: 500,
            y: 200
        }
    ]
],
          }
        }

https://jsfiddle.net/msbasanth/2g614wzu/

在此示例中，我可以看到添加到 xAxis 的标记(类型:“时间”)，但看起来很复杂，而且我可以看到它们具有时间轴的近似值。我们是否有直接的方法在指定的日期值上设置时间 xAxis 标记？

Answer 1

echarts中markline不绑定(bind)axis，而是绑定(bind)series

将 xaxis 类型作为时间，您可以通过在标记线配置中将 xAxis 值指定为日期字符串来创建垂直标记线。

引用下面的代码，实现垂直marklines

 series: [
      {
        data: data,
        type: "line",
        markLine: {
          data: [
          [
            { name: "Imp Day 01", xAxis: '1998-01-01',yAxis: 0  },
            { name: "end", xAxis: '1998-01-01',  yAxis:'max' },
          ],
          [
            { name: "Imp Day 02", xAxis: '1998-08-01', yAxis: 0 },
            { name: "end", xAxis: '1998-08-01', yAxis:'max' },
          ]
          ],
        },
        lineStyle: {
          color: "rgba(242, 145, 72, 1)",
        },
      },
    ]