如何设置tradingView以适合移动设备

时间:2018-07-02 09:57:11

标签: javascript tradingview-api

我们在pc Web中使用了tradingView,它工作正常。 现在我们要开发一个移动网络。据我所知,tradingView受支持。 但是,当我在GitHub https://github.com/tradingview/charting-library-examples

中使用演示时

看起来布局和字体大小不正确。它不支持移动设备(我已经设置了resize:true,这可能还需要一些带有工具提示的配置?): demo on my Iphone

但是官方站点中的演示看起来还不错:

demo on official site

我应该配置什么才能很好地支持移动设备,谢谢 (我尝试用SO搜索此类问题,但一无所获)

2 个答案:

答案 0 :(得分:0)

只需在公用文件夹的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

答案 1 :(得分:0)

初始化时,您可以在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"
  };
});

演示外观:

enter image description here