TradingView全屏显示后,依旧保持可打开/关闭全屏功能
首页 > >    作者:lininn   2021年6月29日 9:47 星期二   热度:56°   百度已收录  
时间:2021-6-29 9:47   热度:56° 

简单说,需要你自定义图表~

思路:就是将TradingView自带的全屏按钮给隐藏起来,然后自定义图表实现逻辑咯。

let's do it!

1.首先将header_fullscreen_button如下配置

disabled_features: [

"header_fullscreen_button", //隐藏头部全屏按钮

]

2.然后再chartReady函数里进行如下代码配置即可:

const buttonEvent = widget.createButton({align: "right"});

const button = buttonEvent[0];

button.title = '打开/关闭全屏';

button.className = 'button fullscreen iconed apply-common-tooltip';

buttonEvent.append($('<span class="icon-full"><img src="/static/images/iconfull.png"></span>')); //图片地址

button.onclick = function() {

const tvid = $('#tv_chart_container')[0];

if (tvid.className === 'tv_chart_container_full') {

tvid.className = '';

return;

}

tvid.className = 'tv_chart_container_full';

}

二维码加载中...
本文作者:lininn      文章标题: TradingView全屏显示后,依旧保持可打开/关闭全屏功能
本文地址:?post=515
版权声明:若无注明,本文皆为“覆手为雨”原创,转载请保留文章出处。
分享本文至:

返回顶部    首页    手机版本    后花园   会员注册   
版权所有:覆手为雨    站长: lininn