Javascript Tradingview绘图

我正在使用Tradigview图表小部件显示数据。 我找不到在图表上画线（或其他东西）的方法，也找不到保存图形以便在页面重新加载时显示它们的方法

通过TradingView
新TradingView.widget({
“宽度”：980，
“高度”：610，
“符号”：“纳斯达克：AAPL”，
“间隔”：“D”，
“时区”：“Etc/UTC”，
“主题”：“光”，
“风格”：“1”，
“locale”：“en”，
“工具栏背景”：“#f1f3f6”，
“启用发布”：false，
“允许符号更改”：true，
“容器id”：“tradingview_6fd01”
});

Tradigview图表小部件只能显示预定义TradingView“研究”的固定列表：

---

这意味着不可能用它创建自定义图表。

对于任何想要在小部件上绘图但不依赖tradingview实时数据的人，可以使用。它是免费的，但您必须请求访问github存储库

下面是一个绘制形状的简单示例：

var order = widget.chart().createOrderLine()
    .setText("Buy Line")
    .setLineLength(3) 
    .setLineStyle(0) 
    .setQuantity("221.235 USDT")
order.setPrice(7000);

这将导致以下图纸（BTC/USDT图表）：

github存储库中有很多示例，因此您不会迷路。但您必须创建一个自己的数据源，或者至少建立一个到所需数据提供商/市场的websocket连接

---

我希望这能帮助所有面临同样问题的人

你需要这样的东西：

<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
  <div id="tradingview_f1133"></div>
  <div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/symbols/NASDAQ-AAPL/" rel="noopener" target="_blank"><span class="blue-text">AAPL Chart</span></a> by TradingView</div>
  <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
  <script type="text/javascript">
  new TradingView.widget(
  {
  "width": 980,
  "height": 610,
  "symbol": "NASDAQ:AAPL",
  "interval": "D",
  "timezone": "Etc/UTC",
  "theme": "dark",
  "style": "1",
  "locale": "en",
  "toolbar_bg": "#f1f3f6",
  "enable_publishing": false,
  "hide_side_toolbar": false,
  "allow_symbol_change": true,
  "container_id": "tradingview_f1133"
}
  );
  </script>
</div>
<!-- TradingView Widget END -->

通过TradingView
新TradingView.widget(
{
“宽度”：980，
“高度”：610，
“符号”：“纳斯达克：AAPL”，
“间隔”：“D”，
“时区”：“Etc/UTC”，
“主题”：“黑暗”，
“风格”：“1”，
“locale”：“en”，
“工具栏背景”：“#f1f3f6”，
“启用发布”：false，
“隐藏侧工具栏”：false，
“允许符号更改”：true，
“容器id”：“tradingview\u f1133”
}
);

该网站有一个页面可以配置和查看嵌入代码

---

请参见上页并找到确切的配置

您是否提出了解决方案？我也面临同样的问题。所以代码片段不适用于tradingview。使用代码笔：你想画什么样的图形？如果它只是点或圆，您可以在图形顶部添加一个覆盖画布。记录坐标和保存时间。重新加载时重新绘制图形。@bitQUAKE，你想绘制什么-知道坐标的任何图形原语？是的，我想在这些图形中绘制形状，就像在tradingview图表库中定义X为日期，Y为价格一样。但我想罗曼·波克罗夫斯基是对的。这在小部件上不起作用。可以添加自定义研究，@janossabo“图表库”与图表“小部件”不同（更高级）版本！你能参考一下come sandbox或codepen吗？我希望在react应用程序中使用完全相同的视图。但不知何故，你找不到答案，答案似乎很接近。如果你可以访问以下Github存储库：并使用这个特定的库，那么你可以在小部件“onChartReady”回调中使用上面的代码：widget.onChartReady（（）=>{…}）@我想知道如何删除这个。如果我在文本框中输入值，创建行，当我清空文本框时，删除顺序line@chintanmahant请查看此文档：并与上面的代码进行比较。我的代码位于“widget.onChartReady（（）=>{”