图表配置

本节主要讲解图表配置,主要内容包括图表全局样式、绘图区、图表事件、等相关内容。

一、图表使用

目前(2018年5月1日),图表库的版本为:

  • 稳定版: v 1.12
  • 不稳定版: v 1.13

1、引入必须文件

图表库的使用前需要引用3个js文件:

<script type="text/javascript" src="charting_library/charting_library.min.js"></script>
<script type="text/javascript" src="datafeeds/udf/dist/polyfills.js"></script>
<script type="text/javascript" src="datafeeds/udf/dist/bundle.js"></script>
  • charting_library.min.js 图表库本体js文件(从1.8版本)
  • polyfills.js ES5浏览器提供ES6特性支持的文件,比如Promise等。
  • bundle.js UDF经过Rollup模块打包后的问题件

2、使用构造函数

TradingView.onready(function() {
    var widget = window.tvWidget = new TradingView.widget({
        // debug: true, // 取消注释可以在控制台中查看的库图表错误和警告
        fullscreen: true,
        symbol: 'AAPL',
        interval: 'D',
        container_id: "tv_chart_container",
        // 注意: URL结尾不可以有斜线
        datafeed: new Datafeeds.UDFCompatibleDatafeed("https://demo_feed.tradingview.com"),
        library_path: "charting_library/",
        locale: getParameterByName('lang') || "en",
        // 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: ["use_localstorage_for_settings"],
        enabled_features: ["study_templates"],
        charts_storage_url: 'http://saveload.tradingview.com',
        charts_storage_api_version: "1.1",
        client_id: 'tradingview.com',
        user_id: 'public_user_id'
    });
});

results matching ""

    No results matching ""