tradingview h5

Question

有没有遇到过tradingview做h5适配时的显示问题，已经设置了autosize：true和在主文件引入了meta
图表却显示不全

Answer 1

在使用 TradingView 图表库进行移动端适配时，确保你已经设置了正确的 viewport meta 标签，例如：

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

autosize: true 是一个很好的设置，它可以让图表自动适应容器的尺寸。但是要确保你的图表容器（例如：

）的宽度和高度都被正确设置。在默认的 CSS 中，可能会限制图表的宽度或高度，尤其是在小屏幕设备下。
你可以查看布局或者 CSS 是否限制了图表容器的尺寸，根据容器尺寸调整图表尺寸。比如，你可以设置容器的 CSS 为：

#tradingview_chart {
  width: 100%;
  height: 100vh; 
  /* 注意，如果你的页面有其他内容（如页眉或页脚），你可能需要调整这个值以防止图表超出视口 */
}

如果你的页面布局比较复杂，有可能需要使用 media query 来针对不同设备尺寸进行适配。
同时，为了确保图表能在窗口尺寸发生变化时正确响应，你可能需要监听窗口的 resize 事件，然后调用图表的 onresize 方法：

window.addEventListener('resize', function () {
  chartWidget.onresize();
});

如果上述方式都不能解决问题，可能需要查看更多的代码或错误信息来确定问题原因。