关于使⽤tradingview插件的⼀些⼼得1、禁⽤⾃带的⼀些功能
disabled_features: [ // 开启图表功能的字符串⽂字允许将⽤户设置保存到本地存储
'header_symbol_search', // 头部搜索
"header_widget_dom_node", // 隐藏头部组件
'source_selection_markers', // 禁⽤系列和指⽰器的选择标记
"header_indicators", //图标指标
'adaptive_logo', // 移动端可以隐藏logo
'constraint_dialogs_movement',
'header_interval_dialog_button',
'show_interval_dialog_on_key_press',
'symbol_search_hot_key',
pane
'study_dialog_search_control',
'display_market_status',
'header_chart_type',// k线样式
'header_compare',// 图表对⽐
'header_undo_redo', // 撤销返回
'header_screenshot', // 截图
'volume_force_overlay', // 防⽌他们重叠
'header_settings',// 设置
'property_pages',// 禁⽤所有属性页
'header_fullscreen_button',// 全屏
"header_saveload",
'edit_buttons_in_legend',
'timeframes_toolbar', // 下⾯的时间
'symbol_info',
'border_around_the_chart',
'main_series_scale_menu',
'star_some_intervals_by_default',
'datasource_copypaste',
'right_bar_stays_on_scroll',
'context_menus',
'go_to_date',
'compare_symbol',
'border_around_the_chart',
'timezone_menu',
'header_resolutions',// todo: przetestowac// 头部的时间
'control_bar',//todo: przetestowac
'edit_buttons_in_legend',// todo: przetestowac
'remove_library_container_border',
]
eslint 使⽤单引号
2、创建按钮
ateButton()
.attr('title', '分时')
.
on('click', (e) => {
this.widget.chart().setChartType(3); //3 代表类型分时，普通分钟按钮 1
this.widget.chart().setResolution('1', () => { // 1代表1分钟
// console.log("set resolution callback");
});
}).append(() => {
});
3、更改蜡烛图显⽰
overrides:{
'paneProperties.background': '#162431', // 蜡烛样式
'mainSeriesProperties.candleStyle.upColor': '#64ae74',
'mainSeriesProperties.candleStyle.downColor': '#df5f61',
// 烛⼼
'mainSeriesProperties.candleStyle.drawWick': true,
// 烛⼼颜⾊
'mainSeriesProperties.candleStyle.wickUpColor': '#64ae74',
'mainSeriesProperties.candleStyle.wickDownColor': '#df5f61',
// 边框
'mainSeriesProperties.candleStyle.drawBorder': true,
'mainSeriesProperties.candleStyle.borderUpColor': '#64ae74',
'mainSeriesProperties.candleStyle.borderDownColor': '#df5f61',
// ⽹格
'paneProperties.vertGridProperties.style': 0,
'lor':'#262727',
'lor': '#262727',
// 坐标轴和刻度标签颜⾊
'scalesProperties.lineColor': '#252525',
'Color': '#8a8a8a',
'paneProperties.legendProperties.showLegend': false,
'pMargin': 20,
// 'paneProperties.bottomMargin": 5
},
具体颜⾊⾃⼰决定
custom_css_url:'chart.css', // 引⼊外部css
toolbar_bg:'#222831', // ⼯具栏背景颜⾊
loading_screen: { backgroundColor: '#162431',foregroundColor:'#162431' }, // 加载背景加载图标背景颜⾊没到隐藏⽅式，这样隐藏

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。