如何在lightweight-charts中绘制类似TradingView风险收益工具的矩形？

我之前想在lightweight-charts里找绘制矩形的方法，翻了一圈没找到现成资料，就打算自己写插件，目标是做出类似TradingView风险收益工具那样的交易图形。

• 一开始踩了坑：尝试做「Custom series」，结果发现这种方式没法在X轴自定义位置绘制图形，只能放弃
• 后来转向「Drawing primitive plugin」方案，用npm create lwc-plugin@latest生成脚手架代码后，发现它的功能完全贴合需求，能通过编程方式绘制矩形

如果你也有同样需求，直接执行下面的命令，在选项里选drawing primitive就行：

npm create lwc-plugin@latest

最终效果：

内容的提问来源于stack exchange，提问作者Pumuckelo