如何更改 TradingView 高级实时图表小组件指标的颜色

问题描述 投票:0回答:3

我正在尝试覆盖高级实时图表 TradingView 小部件上的默认配置。

我添加了一个简单的移动平均线,我设法在其上设置周期(从默认的 9 到 200)。

我想更改颜色,但我没有找到任何有关如何实现此目的的文档?

问题1:有没有关于如何自定义小部件的文档?
问题 2:是否可以/如何更改指示器颜色?

这是我想要实现的目标的片段:

    <!-- TradingView Widget BEGIN -->
    <div class="tradingview-widget-container">
        <div id="tradingview_f7f00"></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": "light",
                    "style": "1",
                    "locale": "en",
                    "toolbar_bg": "#f1f3f6",
                    "enable_publishing": false,
                    "allow_symbol_change": true,
                    // ==================== BEGIN ====================
                    "studies": [
                        {
                            id: "MASimple@tv-basicstudies",
                            // This sets the period
                            inputs: {
                                length: 200,
                            },
                            // This doesn't work...
                            styles: {
                                color: '#ff0000',
                            }
                        },
                    ],
                    // ====================  END  ====================
                    "container_id": "tradingview_f7f00"
                }
            );
        </script>
    </div>
    <!-- TradingView Widget END -->

trading tradingview-api
3个回答
1
投票

参考: Tradingview 简单移动平均线小部件配置

尝试这样,

您应该在“插入研究”对话框中按原样使用研究名称,但使用小写字母。

  "studies_overrides": {
        "moving average.ma.color": "#2A2E39",
        "moving average.ma.linewidth": 2,
    },

enter image description here


0
投票

您需要将覆盖程序对象传递给小部件构造函数,就像传递其他参数(例如宽度或高度)一样:

new TradingView.widget({
    overrides: {
        'paneProperties.background': '#2E2E2E',
    }
});

例如,这个会改变背景。 要了解有关覆盖的更多信息,请参阅库的 wiki 页面的覆盖部分:)


0
投票

如果我有两个 ema,我该如何改变颜色?谢谢。

© www.soinside.com 2019 - 2024. All rights reserved.