zoukankan      html  css  js  c++  java
  • 关于使用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',
    '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、创建 按钮
    this.widget.createButton()
    .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,
    'paneProperties.horzGridProperties.color':'#262727',
    'paneProperties.vertGridProperties.color': '#262727',
    // 坐标轴和刻度标签颜色
    'scalesProperties.lineColor': '#252525',
    'scalesProperties.textColor': '#8a8a8a',
    'paneProperties.legendProperties.showLegend': false,
    'paneProperties.topMargin': 20,
    // 'paneProperties.bottomMargin": 5
    },
    具体颜色自己决定
     
    custom_css_url:'chart.css', // 引入外部css
    toolbar_bg:'#222831', // 工具栏背景颜色
    loading_screen: { backgroundColor: '#162431',foregroundColor:'#162431' }, // 加载背景 加载图标背景颜色  没找到隐藏方式,这样隐藏
  • 相关阅读:
    IT战略规划项目方法论(转)
    008_Node中的require和import
    007_Mac上安装Node和NPM
    005_讨论多线程和单线程
    006_饿了么大前端总监sofish帮你理清前端工程师及大前端团队的成长问题!
    005_解密饿了么大前端团队
    005_python对整数的拼接
    010_动态语言与鸭子类型及python2和3的区别
    010_vim和python整合开发
    009_一行python重要工具
  • 原文地址:https://www.cnblogs.com/weisuoyuwei/p/9554535.html
Copyright © 2011-2022 走看看