如何根据X轴值使用echarts visualMap来显示线条？

Question

预期：

我想根据x轴值将单行分成两部分。

例如，当x值大于"2016-8“时，将虚线显示如下

​

​

在ECharts visualMap中尝试过，但它仅依赖于y轴值https://echarts.apache.org/examples/en/editor.html?c=line-aqi工作。

Answer 1

VisualMap似乎只能用于更改线条的颜色和/或符号。

在同一条线上使用VisualMap在xAxis上的不同颜色

如果您不需要得到虚线，并且只想在xAxis上使用xAxis，则应该将visualMap-piecewise.dimension设置为0(简单的x，y系列中0为x，1为y)。

visualMap: {
  dimension: 0,
},

然后，您需要根据棋子的类型(“时间”或“类别”)来设置xAxis列表：

• “时间”：全例
• “类别”：全例

在一半的系列赛中划线

如果你特别需要得到这个：

当x值大于"2016-8“时，将虚线显示如下

您可以将您的系列分成两个不同的系列，并对每个系列影响不同的行样式：

1. 系列1:日期<= "2016-8“(实线)
2. 系列2:日期>= "2016-8“(虚线)

下面是一个有用的例子。