TradingView配置

黄扬
2023-12-01

TradingView.onready(function () {
        var widget = window.tvWidget = new TradingView.widget({
            debug: false, // uncomment this line to see Library errors and warnings in the console
            symbol: 'ETH/BTC',    //币名称
            interval: '30',   //默认显示规则
            container_id: "tv_chart_container", //`id`属性为指定要包含widget的DOM元素id。
            timezone: "Asia/Shanghai",    //默认时区
            // width: 800,         //宽度
            // height: 800,        //高度
            fullscreen: true,  //布尔值显示图表是否占用窗口中所有可用的空间。
            toolbar_bg: "#fff",  //背景色
            //  BEWARE: no trailing slash is expected in feed URL
            // datafeed: new Datafeeds.UDFCompatibleDatafeed("https://demo_feed.tradingview.com"),    //请求地址
            datafeed: new Datafeeds.UDFCompatibleDatafeed("https://k.a.mom/Index"),
            library_path: "/charting_library/",          //默认脚本核心文件存储位置
            locale: "zh",     //  语言
            //  Regression Trend-related functionality is not implemented yet, so it's hidden for a while
            // drawings_access: {type: 'black', tools: [{name: "Regression Trend"}]}, // 点击灰色回调函数??
            // disabled_features: ["left_toolbar","display_market_status","header_chart_type","use_localstorage_for_settings", "header_symbol_search", "header_compare", "header_undo_redo", "header_screenshot", "header_saveload", "go_to_date", "symbol_info"],
            // 包含功能在默认情况下启用/禁用名称的数组。功能表示图表功能的一部分(更是UI/UX的一部分) http://tradingview.gitee.io/featuresets参考文档
            enabled_features: ["hide_last_na_study_output", "study_templates"],
            // 包含功能在默认情况下启用/禁用名称的数组。功能表示图表功能的一部分(更是UI/UX的一部分)  http://tradingview.gitee.io/featuresets 参考文档
            charts_storage_url: 'https://k.a.mom',  //设置图库页面

            // 下面三项是开发自己的后端用的 前台的请求会带着这三项值
            charts_storage_api_version: "Index",
            client_id: 'tradingview.com',
            user_id: 'public_user_id',

            //禁用
            disabled_features: [
                //用户本地存储
                // "use_localstorage_for_settings",
                //左边工具栏
                "left_toolbar",
                // 顶部工具栏
                // "header_widget_dom_node",
                //周围边框
                "border_around_the_chart",
                //底部时间栏目
                "timeframes_toolbar",
                //k线与销量分开
                "volume_force_overlay",
                //图表右键菜单
                "pane_context_menu",
                //搜索
                "header_symbol_search", "symbol_search_hot_key",
                //左右箭头
                "header_undo_redo",
                //compare
                "header_compare",
                //图表类型
                "header_chart_type",
                //照相机
                "header_screenshot",
                //设置按钮
                //"header_settings",
                //技术指标线
                // "header_indicators",
                //上传下载按钮
                "header_saveload",
                //分辨率
                "header_resolutions",
                //全屏
                "header_fullscreen_button"
            ],
            overrides: {
                //蜡烛样式
                "mainSeriesProperties.candleStyle.upColor": "#48b451",
                "mainSeriesProperties.candleStyle.downColor": "#db000c",

                // 中央价格线宽度
                // 'mainSeriesProperties.priceLineWidth': 5,
                //  白色蜡烛样式
                // "mainSeriesProperties.candleStyle.upColor" : "#F00",
                // "mainSeriesProperties.candleStyle.downColor" : "#0F0",

                //烛心
                // "mainSeriesProperties.candleStyle.drawWick" : true,
                //烛心颜色
                //"mainSeriesProperties.candleStyle.wickUpColor:" : '#8a3a3b',
                //"mainSeriesProperties.candleStyle.wickDownColor" : "#8a3a3b",

                //  白色烛心颜色
                // "mainSeriesProperties.candleStyle.wickUpColor:" : '#8a3a3b',
                // "mainSeriesProperties.candleStyle.wickDownColor" : "#8a3a3b",

                //边框
                "mainSeriesProperties.candleStyle.drawBorder": true,
                //"mainSeriesProperties.candleStyle.borderUpColor" : "#6a833a",
                //"mainSeriesProperties.candleStyle.borderDownColor" : "#8a3a3b",

                //-----------------------------------------------------------------------
                //背景
                // "paneProperties.background" : "#333449",
                //  画布白色背景颜色
                "paneProperties.background": "#FFF",
                //网格线
                "paneProperties.vertGridProperties.color": "#ebfded",
                // "paneProperties.vertGridProperties.style" : 0,
                "paneProperties.horzGridProperties.color": "#ebfded",
                // "paneProperties.horzGridProperties.style" : 0,
                //默认收缩行情信息
                "paneProperties.legendProperties.showLegend": false,
                //坐标轴和刻度标签颜色
                "scalesProperties.lineColor": "#cacaca",
                // "scalesProperties.textColor" : "#fff",
                "scalesProperties.textColor": "#666666",
                "mainSeriesProperties.areaStyle.color1": "#5E8BBF",
                "mainSeriesProperties.areaStyle.color2": "#D9E8F9",
                "mainSeriesProperties.areaStyle.linecolor": "#5E8BBF",
                //成交量高度
                "volumePaneSize": "medium",
                "MACDPaneSize": "tiny",
                'scalesProperties.fontSize': 12

            }
        });

        widget.onChartReady(function () {

            widget.MALine7 = widget.chart().createStudy("Moving Average Exponential", false, false, [5], null, {
                "plot.color": "#989898",
                "plot.linewidth": 1
            });
            widget.MALine15 = widget.chart().createStudy("Moving Average Exponential", false, false, [10], null, {
                "plot.color": "#bc8b32",
                "plot.linewidth": 1
            });
            widget.MALine30 = widget.chart().createStudy("Moving Average Exponential", false, false, [30], null, {
                "plot.color": "#cf30af",
                "plot.linewidth": 1
            });

            widget.createButton().attr('title', '分时').addClass("mydate")
                .html("<span>分时</span>").on(
                'click',
                function (e) {
                    showLine(widget, false);
                    saveClass($(this));
                    widget.chart().setChartType(3);
                    widget.chart().setResolution('1',
                        function onReadyCallback() {
                        });
                });
            widget.createButton().attr('title', "1min").addClass("mydate button")
                .html("<span>1m</span>").on(
                'click',
                function (e) {
                    showLine(widget, true);
                    saveClass($(this));
                    widget.chart().setChartType(1);
                    widget.chart().setResolution('1',
                        function onReadyCallback() {
                        });
                });
            widget.createButton().addClass("mydate").attr('title', "5min")
                .html("<span>5m</span>").on(
                'click',
                function (e) {
                    showLine(widget, true);
                    saveClass($(this));
                    widget.chart().setChartType(1);
                    widget.chart().setResolution('5',
                        function onReadyCallback() {
                        });
                });
            widget.createButton().addClass("mydate").attr('title', "15min")
                .html("<span>15m</span>").on(
                'click',
                function (e) {
                    showLine(widget, true);
                    saveClass($(this));
                    widget.chart().setChartType(1);
                    widget.chart().setResolution('15',
                        function onReadyCallback() {
                        });
                });
            widget.createButton().addClass("mydate").attr('title', "30min").addClass("mydate button active")
                .html("<span>30m</span>").on(
                'click',
                function (e) {
                    showLine(widget, true);
                    saveClass($(this));
                    widget.chart().setChartType(1);
                    widget.chart().setResolution('30',
                        function onReadyCallback() {
                        });
                });
            widget.createButton().addClass("mydate").attr('title', "1hour")
                .html("<span>1h</span>").on(
                'click',
                function (e) {
                    showLine(widget, true);
                    saveClass($(this));
                    widget.chart().setChartType(1);
                    widget.chart().setResolution('60',
                        function onReadyCallback() {
                        });
                });
            widget.createButton().addClass("mydate").attr('title', "1day")
                .html("<span>1D</span>").on(
                'click',
                function (e) {
                    showLine(widget, true);
                    saveClass($(this));
                    widget.chart().setChartType(1);
                    widget.chart().setResolution('D',
                        function onReadyCallback() {
                        });
                });
        });
    })

原文查看:https://cloud.tencent.com/developer/article/1405723

 类似资料: