# 4-1、定制概述 # 定制概述 - - - - - - 定制是一個相當模糊的概念，所以寫幾篇文章對它進行說明。 ## [通過數據流定制](#%E9%80%9A%E8%BF%87%E6%95%B0%E6%8D%AE%E6%B5%81%E5%AE%9A%E5%88%B6) 他們最關心的是數據相關的東西。定制的配置可以通過datafeed響應來實現。響應配置實例： ``` { supports_search: true, supports_group_request: false, supports_marks: true, exchanges: [ {value: "", name: "All Exchanges", desc: ""}, {value: "XETRA", name: "XETRA", desc: "XETRA"}, {value: "NSE", name: "NSE", desc: "NSE"} ], symbolsTypes: [ {name: "All types", value: ""}, {name: "Stock", value: "stock"}, {name: "Index", value: "index"} ], supportedResolutions: [ "1", "15", "30", "60", "D", "2D", "3D", "W", "3W", "M", '6M' ] }; ``` 在[JS API](JS-Api.html#onreadycallback)可以找到更詳細的說明。 ## [在客戶端進行定制](#%E5%9C%A8%E5%AE%A2%E6%88%B7%E7%AB%AF%E8%BF%9B%E8%A1%8C%E5%AE%9A%E5%88%B6) 允許您最大化的定制UI/UX。這些定制通過定義圖表控件中的構造函數的參數完成。 圖表控件構造函數調用的示例： ``` var widget = new TradingView.widget({ fullscreen: true, symbol: 'AA', interval: 'D', toolbar_bg: '#f4f7f9', allow_symbol_change: true, container_id: "tv_chart_container", datafeed: new Datafeeds.UDFCompatibleDatafeed("http://demo_feed.tradingview.com"), library_path: "charting_library/", locale: "en", drawings_access: { type: 'black', tools: [ { name: "Regression Trend" } ] }, disabled_features: ["use_localstorage_for_settings", "volume_force_overlay"], enabled_features: ["move_logo_to_main_pane"], overrides: { "mainSeriesProperties.style": 0, "symbolWatermarkProperties.color" : "#944", "volumePaneSize": "tiny" }, studies_overrides: { "bollinger bands.median.color": "#33FF88", "bollinger bands.upper.linewidth": 7 }, debug: true, time_frames: [ { text: "50y", resolution: "6M" }, { text: "1d", resolution: "5" }, ], charts_storage_url: 'http://saveload.tradingview.com', client_id: 'tradingview.com', user_id: 'public_user', favorites: { intervals: ["1D", "3D", "3W", "W", "M"], chartTypes: ["Area", "Line"] } }); ``` 詳情參考：[Widget構造器](Widget-Constructor.html) # 也可以看看 - [Widget方法](Widget-Methods.html) - [定制的使用案例](Customization-Use-Cases.html)