在烛台图顶部绘制热图

Posted 2023-02-18

【中文标题】在烛台图顶部绘制热图

【英文标题】：Drawing heatmap on top of candlestick chart

【发布时间】：2019-06-05 22:59:32

【问题描述】：

我正在尝试在烛台图表上绘制热图（canvas 或 svg），以便查看特定蜡烛的交易量或订单大小（类似于张量图和 bookmap 所做的）。现在我正在考虑使用现有的库，如 react-highstock、echarts、plotly、anycharts，但在现有图表上找不到任何带有热图的示例。

我还尝试在烛台图顶部手动绘制画布，但不确定如何确定应绘制热图的点的 X Y 坐标。已经在 github repos、google 和这里​​搜索过。我正在寻找支持此文档的示例或库。谢谢！

【问题讨论】：

您不能只使用任何其他库并在现有的画布/svg 上绘制“其他”。恐怕你必须自己绘制或使用支持这一点的图表。例如。 tradingview.com 提供基于合同的库；另一个好的（开源）库是 techan-js。 techan-js 唯一的坏处是平局是基于价格和时间线 => 你不能只滑动图表，也不能以这种方式使用 reponsivnes。如果您想节省第 100 小时的开发时间，tradingview.com 是最简单的方法。

感谢 Rajmond 的回复，我已经把它整理出来并有一个可行的解决方案

【参考方案1】：

我现在已经解决了这个问题，我找到了几个允许绘制热图的库，但是它们的绘制量非常有限，并且很快就会出现瓶颈。最终的解决方案是使用一个图表库，该库允许您获取每个价格/时间的 X Y 坐标，然后在其上方（或下方）放置一个画布。