使用高度图创建深度图并创建出价和要价,以使出价和要价都从图表中心创建

我正在出价,并要求数据创建深度图。

因此,在下图中,我具有相同长度的多个出价和多个要价。因此,中心的当前价格线仍在中心。

但是,如果买入或卖出的长度比另一个增加,中心当前价格线就会移动到图表的任一侧。我需要始终将这条线放在中间。

使用高度图创建深度图并创建出价和要价,以使出价和要价都从图表中心创建

与图2一样,当要价数量仅为1时,当前价格中心线将移至图形的右侧。我怎么总是让它停留在中心? 还要记住,我需要在中心线的左侧询问,并在中心线的右侧出价。这些都应该起源于中心线

使用高度图创建深度图并创建出价和要价,以使出价和要价都从图表中心创建

gary1968 回答:使用高度图创建深度图并创建出价和要价,以使出价和要价都从图表中心创建

您可以通过基于chart.events.render回调函数中的计算值动态添加plotLine来实现。查看下面发布的演示和代码:

chart: {
  type: 'area',zoomType: 'xy',events: {
    load: function() {
      const chart = this;

      setTimeout(function() {
        chart.series[0].addPoint([
          0.1513,34.1319
        ]);
      },2000);
    },render: function() {
      const chart = this;
      const xAxis = chart.xAxis[0];

      let xData1 = chart.series[0].xData,xData2 = chart.series[1].xData,value = (xData1[0] + xData2[xData2.length - 1]) / 2;

      if (chart.customPriceValue !== value) {
        chart.customPriceValue = value;

        xAxis.update({
          plotLines: [{
            color: '#888',value: value,width: 1,label: {
              text: 'Actual price',rotation: 90
            }
          }]
        });
      }
    }
  }
}

演示:

API参考:

本文链接:https://www.f2er.com/3168786.html

大家都在问