ECharts - 无法在时间轴（xAxis）上创建垂直标记线答案

【问题标题】：ECharts - Unable to create a vertical marker line on time axis (xAxis)ECharts - 无法在时间轴（xAxis）上创建垂直标记线
【发布时间】：2020-10-05 18:27:19
【问题描述】：

当轴类型为“时间”时，无法将垂直标记添加到 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 上设置标记？

【问题讨论】：

标签： echarts ngecharts

【解决方案1】：

echarts中的markline不绑定轴，绑定series。

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

参考以下代码，实现垂直标记线

 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)",
        },
      },
    ]

【讨论】：