在 apexchart 的烛台图背景中绘制条形图

Drawing a bar chart in the background of candlestick chart in apexchart

我正在玩烛台图(此处的示例:https://apexcharts.com/javascript-chart-demos/candlestick-charts/basic/)一切正常。

但是,我正在努力添加信号数据以直观地表示图表。

我无法找到有效的解决方案我想我可以以某种方式微调时间线 - 我试过图表。js/apexcharts现在,我相信最接近的是第二个框架。

我需要的是可在 X 轴和 Y 轴的数值范围内使用的条形图,如下所示。 (目标是能够添加呈现的绿色条)

是否有轻松获胜的方法或如何解决这个问题的想法? 有什么我想念的吗?

这是我目前的解决方案(带有 stopWin/stopLose 和入场价的折线图)。

仍然不是最理想的 - 但有效并且很容易实现。

经过几周的尝试 - 解决方案仍然存在:

  1. 我有两个 apexcharts 实例,一个带有烛台,一个带有折线图
  2. 它们在一个 div 中,具有 CSS 游乐场和绝对位置。
  3. 我正在传递标准化的 min/max 值并且必须在其中包含相同数量的元素(折线图允许您添加允许使用此解决方案的空值。

最终版本的作品是可重复的,看起来不错。 如果您在类似情况下需要帮助 - 请随时与我们联系 ;)