如何设置 tradingView 以适应移动设备答案

【问题标题】：How to set tradingView to fit mobile如何设置 tradingView 以适应移动设备
【发布时间】：2018-07-02 09:57:10
【问题描述】：

我们在 pc Web 中使用了 tradingView，它工作得很好。现在我们要开发一个移动网络。据我所知，它支持tradingView。但是，当我使用 GitHub 中的演示时 https://github.com/tradingview/charting-library-examples

看起来布局和字体大小不对。它不支持移动设备（我设置了resize：true，这可能还需要一些带有工具提示的配置？）：

但是官网的demo看起来还不错：

我应该如何配置才能很好地支持移动设备，谢谢（我尝试在 SO 中搜索此类问题，但一无所获）

【问题讨论】：

标签： javascript tradingview-api

【解决方案1】：

只需在公共文件夹的 index.html 中添加这一行

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">

https://github.com/tradingview/charting_library/issues/3031

【讨论】：

【解决方案2】：

您可以在初始化时在 TradingView 小部件构造函数中将 preset（如果您有权访问 -https://github.com/tradingview/charting_library/wiki/Widget-Constructor#user-content-preset）选项值指定为 "mobile"。

预设

preset 是预定义小部件设置的名称。目前，唯一的预设中支持的值是移动的。

TradingView.onready(function(){
  var widget = window.tvWidget = new TradingView.widget({
    /*
      Your other options
    */
    preset: "mobile"
  };
});

演示外观：

【讨论】：