Echarts markLine与堆叠系列

时间:2019-10-16 10:50:46

标签: javascript reactjs echarts

我正在尝试使用markLine选项用两个线系列标记图形的顶部。这些线系列是堆叠在一起的,但是当我尝试使用选项 CoordinatorLayout.LayoutParams params = (CoordinatorLayout.LayoutParams) ((View) view.getParent()).getLayoutParams(); CoordinatorLayout.Behavior behavior = params.getBehavior(); View parent = (View) view.getParent(); getHeight(view); ((BottomSheetBehavior) behavior).setFitToContents(true); BottomSheetBehavior bottomSheetBehavior = BottomSheetBehavior.from(parent); bottomSheetBehavior.setHideable(false); 进行markLine时,由于值比显示的值低,所以顶部图形的markLine显示在图形下方(我附上图片以使其更清晰)

如何将markLine放在图形上方?我已经看到了type: max参数,但是我不得不把它认为不可能的像素设置为像素。

这是我对两个markLines的配置:

y

enter image description here

1 个答案:

答案 0 :(得分:0)

我发现的解决方案是使用coord参数手动将起点和终点的标记准确设置在我想要的位置。我使用xAxis参数设置markLine的起点和终点以及要设置yAxis的最大值。

然后我调整value参数以显示我想要的值。

const markLineRentabilidad = {
    data: [
      [
        {
          // Use the same y coord with starting and ending point
          coord: [0, patrimonioMaximo.toString()],
          value: rentabilidad[rentabilidad.length - 1],
        },
        {
          coord: [añosGrafica.length - 1, patrimonioMaximo.toString()],
        }
      ]
    ]
  }