javascript - 如何设置 tradingView 以适应移动设备

Question

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

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

但是官方网站上的演示看起来还不错：

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

Answer 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

Answer 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"
  };
});

演示外观：