
TradingView
Young_Gao
这个作者很懒,什么都没留下…
展开
-
k线图 TradingVeiw --简介篇
先给几个链接大家链接一下需要注意的是这个k线图据说是需要授权原生:https://github.com/tradingview/charting_libraryvue:https://github.com/webdatavisualdev/vue-tradingviewhttps://github.com/472647301/tradingView-webSocket再来一张图感受一下接下来几篇再...原创 2018-06-14 13:47:45 · 3887 阅读 · 3 评论 -
vue中使用TradingView --10 自定义左上角legend样式
左上角legend样式自定义.pane-legend-line { display: inline; cursor: default; pointer-events: none !important; font-size: 11px !important;}.pane-legend-line span { color: #fff;}.p...原创 2018-07-19 11:44:50 · 4339 阅读 · 6 评论 -
vue中使用TradingView --8 自定义初始化显示范围(间接控制了初始化蜡烛图的宽度)
满足一下需求:1.设置初始化蜡烛图的宽度2.设置初始化显示的范围只可意会不可言传let fromTime = _this.bars[_this.bars.length - 50].time / 1000;let toTime = _this.bars[_this.bars.length - 1].time / 1000;_this.chart.chart().setVisibleRange({fr...原创 2018-06-28 20:30:47 · 4928 阅读 · 2 评论 -
vue中使用TradingView --7 自定义初始化指标线,设置颜色,自定义是否显示
添加折线_this.MALine5 = _this.chart.chart().createStudy('Moving Average', false, false, [5], null, {'Plot.color': '#642d92'});_this.MALine10 = _this.chart.chart().createStudy('Moving Average', false, fals...原创 2018-06-15 14:16:01 · 6733 阅读 · 13 评论 -
vue中使用TradingView --6 设置坐标轴字体大小,默认隐藏左上角legend
overrides里面重写:'scalesProperties.fontSize': 13, // 设置坐标轴字体大小'paneProperties.legendProperties.showLegend': false, // 隐藏左上角标题原创 2018-06-15 10:37:32 · 5719 阅读 · 10 评论 -
vue中使用TradingView --5 页面闪白
K线图刷新或重新加载时闪白首先需要了解的是,闪白是 iframe的机制所以只要解决掉iframe就可以了首先找到 charting_library.min.js搜索 </iframe>找到配置项 style="display:block"改为 style="display:none"然后在 onChartReady() 方法里设置ifram的display为block,自己再...原创 2018-06-14 15:32:32 · 3626 阅读 · 1 评论 -
vue中使用TradingView --4 数据请求后及时刷新K线图
数据get以后bars有值,图表没有刷新这时需要调用内置的方法重新请求数据_this.chart.activeChart().resetData();原创 2018-06-14 15:27:03 · 7673 阅读 · 7 评论 -
vue中使用TradingView --3 添加系统内置的折线图
TradingView K线图添加初始化的折线在 onChartReady中调用 createStudy 如添加MA交叉线this_vue.chart.onChartReady(function() { this_vue.chart.chart().createStudy('MA Cross', false, false, [30, 120])})...原创 2018-06-14 15:22:56 · 4644 阅读 · 12 评论 -
vue中使用TradingView --2 创建自定义的功能button
自定义创建button这里需要用到TradingVeiw 提供的apithis_vue.chart.onChartReady(function() { this_vue.chart.createButton() .attr('title', 'test') .attr('class','button') .on('click', function (e) { ...原创 2018-06-14 15:17:57 · 4128 阅读 · 3 评论 -
vue中使用TradingView --1 项目创建
这是github上大神之作,https://github.com/webdatavisualdev/vue-tradingviewTradingView k线图的主要demo在 static/custome_scripts/chartmain 里这里我自己导入,放到自己的文件夹中1.新建vue-cli2.把 chartmain放入到static/custorm_scripts里面3.index.h...原创 2018-06-14 15:15:09 · 17112 阅读 · 27 评论 -
vue中使用TradingView --9 蜡烛图显示正常,ma均线显示异常,忽高忽低
本人遇到这个问题原因是数据格式问题即高开低收等数据必须是数字,不能是字符串,如果高开低收的数据是字符串,蜡烛图可以正常显示,ma线显示会错乱...原创 2018-07-13 19:33:17 · 3416 阅读 · 0 评论