在 Plotly 中自定义 OHLC 图表交互控件答案

【问题标题】：Customizing OHLC chart interactive controls in Plotly在 Plotly 中自定义 OHLC 图表交互控件
【发布时间】：2022-12-16 13:23:14
【问题描述】：

我在 Jupyter Notebook 中使用 Plotly OHLC 图表。目前，Plotly 在其 OHLC 图表上提供了一些交互式控件：

虽然 Plotly 在这方面做得很好，但这些控制并不是大多数交易者所期望的。缺乏标准的 OHLC 控制会导致预期管理不善和用户体验不佳。因此，我想自定义这些控件。

例如。

将默认操作更改为平移而不是部分选择缩放
为 X 轴和 Y 轴制作橡皮筋缩放控件
使工具箱始终可见并更改工具箱控件

我的问题是

自定义 Plotly JavaScript 代码以进行任何增强或新控件的起点是什么
如果我们假设当前的 OHLC 过于僵化而无法定制并且必须重写，那么将新小部件添加到 Plotly Python（和 JavaScript 库）的过程是什么

【问题讨论】：

解决方案可以在 Plotly 中并且您可以在 Plotly.js 中完成吗？
我不希望能够在 Python 代码中为 JavaScript 控件创建 UI 逻辑代码。这是错误的层。
您是否考虑过使用 Highcharts？有或没有 Jupyter Highcharts 可能更符合您的需求。我建议检查它对 JS 的作用，然后如果有兴趣，请查看 Python 接口。对于特定于笔记本的，请查看pandas_highcharts。不然可以看看justpy。
@Kat - Highcharts 不是开源的，所以考虑它不是商业利益。我宁愿花 2000 美元请人为我修补 Plotly 而不是许可 Highcharts。
啊哈，好吧，它真的不是用于商业用途。 Plotly 确实有 things like this。这就是你要找的吗？ You can see the JS here.

标签： plotly plotly-python plotly.js ohlc

【解决方案1】：

如果您想自定义 Plotly JavaScript 代码以进行增强或新控件，则首先要熟悉 Plotly JavaScript 库及其 API 文档。这将使您了解现有控件的工作原理以及如何修改或扩展它们以添加新功能或行为。

要专门修改 OHLC 图表，您需要查看 Plotly 库中定义 OHLC 图表及其相关控件的相关代码。然后您可以更改此代码以自定义图表及其控件的行为。

如果现有的 OHLC 图表太不灵活而无法自定义，并且您想向 Plotly Python 和 JavaScript 库添加新的小部件，则需要使用 Plotly API 从头开始创建新的小部件。这将涉及用 Python 和 JavaScript 编写新代码来定义小部件的行为和外观，然后将它们与现有的 Plotly 库集成。

无论哪种情况，都建议您在尝试对 Plotly 代码进行任何重要的自定义或添加之前，对 JavaScript 和 Python 以及 Plotly 库和 API 有很好的了解。

【讨论】：