【问题标题】:Drawing a bar chart in the background of candlestick chart in apexchart在apexchart中以烛台图为背景绘制条形图
【发布时间】:2021-10-15 16:18:32
【问题描述】:

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

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

我无法找到可行的解决方案,我认为我可以以某种方式微调时间线 - 我尝试了 chart.js/apexcharts,目前,我相信最接近的将是第二个框架。

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

是否有一个轻松的胜利或如何解决这个问题的想法? 有什么我遗漏的吗?

【问题讨论】:

  • 我得到的最接近的是使用 boxPlot - 但它远非最佳
  • 第二种方法是使用 type line - 它比 boxPlot 好一点 - 仍然不是完美的解决方案。

标签: reactjs apexcharts candlestick-chart


【解决方案1】:

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

仍不理想 - 但有效且易于实现。

【讨论】:

    【解决方案2】:

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

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2019-06-05
      • 2023-04-04
      • 2017-10-20
      • 2022-10-02
      • 1970-01-01
      • 1970-01-01
      • 2022-01-14
      相关资源
      最近更新 更多