区块链
关注
分享
扫一扫
草字
点点关注点点赞，私信问答先回复。
展开
-
tradingview 设置k线图的右边距，距离右边几根K线
修改配置：如图横线所示，为距离右边占几根K线的位置，默认值为0，建议全局搜索找到这个位置，这里虽然是设置为10，但不是代表就是10根，需要微调，官方也没有什么api和配置去修改这个属性了，只能通过这种方式。...原创 2021-11-17 14:22:43 · 1167 阅读 · 5 评论 -
tradingview 如何监听事件
代码： //切换分时图 this.chart.subscribe("time_interval",res=>{ });开启调试模式debug:true，操作tradingview可以知道相关事件的名称，subscribe方法是监听事件的函数。...原创 2021-11-15 11:02:30 · 581 阅读 · 0 评论 -
tradingview 选中点击某条k线，获取他的数据，并渲染到导航栏
代码： //选中k线，点击k线 //time：当前列的时间，price：当前列鼠标高度的价格 //需要判断时间是否存在数据中，再获取相关的数据（开盘价，收盘价等等） this.chart.activeChart().crossHairMoved().subscribe(null,({ time, price }) => { con原创 2021-11-15 10:57:42 · 1464 阅读 · 4 评论 -
tradingview 如何获取以分页形式渲染k线
代码： //订阅可见逻辑范围更改 //判断是否需要获取历史数据 this.chart.activeChart().onVisibleRangeChanged().subscribe( null,({ from, to }) =>{ console.log('onVisibleRangeChanged:',from, to,getThisTime(from).now原创 2021-11-15 10:55:19 · 625 阅读 · 0 评论 -
tradingview 设置移动平均线
代码： //默认展示MA Cross。移动平均线 // this.chart.chart().createStudy("MA Cross", false, false, [10, 20]);//10日和20日原创 2021-11-15 10:45:27 · 3457 阅读 · 0 评论 -
tradingview 时间周期配置，如何去设置时间周期。
代码：//时间：['1', '3', '5', '15', '30', '60', '120', '240', '360', '720', '1D', '3D', '1W', '1M']原创 2021-11-12 17:26:17 · 4800 阅读 · 2 评论 -
tradingview 订阅获取点击的k线，选中的k线
核心代码：this.chart.activeChart().crossHairMoved().subscribe(null,({ time, price }) => { console.log('选中k线：',time, price) });原创 2021-11-12 17:27:24 · 522 阅读 · 0 评论 -
js 实现进度条，杠杆进度条，兼容pc移动端，滑块效果
效果图：本版本为jquery实现，如果你的项目是vue，那么可以按照如下实现的逻辑改版，也可以继续使用jquery实现。代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl原创 2021-10-28 11:12:40 · 880 阅读 · 2 评论 -
web3.js socket心跳重连，WebsocketProvider
如果您的团队在生产中使用Web3JS，那么您必须意识到Web3JS中没有内置的重新连接功能来处理区块链断开或重新启动。 因此，通常，当连接断开时，NodeJS服务也需要重新启动才能再次连接到区块链。代码：let hasProviderEnded = false , web3Instance, reconnectInterval = 10000 ; var lockReconnect = false; //避免重复连接 newBlockchainConnection(原创 2021-10-24 14:39:43 · 21474 阅读 · 0 评论 -
tradingview 修改K线的颜色，边框色，线条色
配置：overrides: { "paneProperties.background": "#161616", "paneProperties.horzGridProperties.color": "#161616", //水平网格线颜色，默认：#313131 "paneProperties.vertGridProperties.color": "#161616", //垂直网格线颜色，默认：#313131原创 2021-10-19 09:39:08 · 5698 阅读 · 0 评论 -
js d3js实现交易所的深度图
效果图：代码：<!DOCTYPE html><head> <meta charset="utf-8"> <style> .box{ width:600px; height:500px; position:relative; } /*买入价格：绿色*/ .bar.bid { .原创 2021-10-14 14:16:10 · 374 阅读 · 0 评论 -
tradingview 如何将K线放大，缩放k线，放大k线
方法一：直接修改配置文件。_barSpacingK线图底部时间的一个间距，修改他，就可以直接修改到K线的大小。方法二：调用方法：chart.chart().setVisibleRange。this.chart = window.tvWidget = new TradingView.widget(this.tradingViewConfig); this.chart.onChartReady(()=>{ let len=this.原创 2021-10-13 17:54:57 · 4660 阅读 · 0 评论 -
lightweight-charts 日内数据如何显示
配置代码：var chart = LightweightCharts.createChart(document.body, { width: 600, height: 300, layout: { backgroundColor: '#ffffff', textColor: 'rgba(33, 56, 77, 1)', }, grid: { vertLines: { color: 'rgba(197, 203, 206, 0.7)', }, horzLines:原创 2021-09-29 20:14:51 · 1963 阅读 · 0 评论 -
echarts 股票趋势曲线图。取消曲线图圆点、xy轴的数据、渐变色线条等等
效果图：热爱分享，请多支持。代码：<!DOCTYPE html><html style="height: 100%"><head> <meta charset="utf-8"></head><body style="height: 100%; margin: 0"> <div id="container" style="height: 100%"></div><.原创 2021-09-10 11:01:54 · 494 阅读 · 0 评论 -
triadingview k线图时间显示有问题，提前了8个小时
时区配置的不对，不属于中国的时间，需要修改一下，中国的时间以“Asia/Shanghai”上海时区为准：timezone:"Asia/Shanghai",其他配置：https://aitrade.ga/books/tradingview/book/Symbology.html原创 2021-08-27 15:49:29 · 1339 阅读 · 1 评论 -
tradingview 改不动颜色，修改不了背景色
背景色改不动，配置不生效的原因，需要禁用本地配置：disabled_features: ["use_localstorage_for_settings"],注意：在我们调样式的时候，需要禁用本地配置，因为tradingview会优先使用本地配置的颜色，只要运行加载过一次k线图，那么tradingview就会保存相关的配置，下次加载就会使用本地的配置，所以我们改不动。...原创 2021-08-20 14:27:34 · 2791 阅读 · 0 评论 -
tradingview 切换周期（分时），监听事件
一、监听周期（分时）的切换。在k线图表的上方“工具栏”，当我们切换分时的时候，图表下方x和y轴的刻度是发生变化了的，但是数据并没有跟着变化，也就是说tradingview并没有帮我们做这个处理，根据数据里面的时间智能生成图表。所以不同周期（分时）的k线图对应着不同的数据，当我们切换周期的时候，需要重新向后端获取一次数据。那么问题就来了，我们如何知道用户是否切换了工具栏的周期（分时）呢？百度找了很多教程，官方文档也是每一个菜单都找了一遍，基本上都没有看到如何监听用户切换周期（分时）的事件，也没有找原创 2021-08-12 16:03:53 · 4365 阅读 · 0 评论 -
js highcharts实现交易所中的深度图
所有资源链接：https://download.youkuaiyun.com/download/qq_42740797/20433691效果图：代码：<html><head> <meta charset="utf-8"> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chro.原创 2021-07-23 16:50:36 · 817 阅读 · 0 评论 -
vue 使用tradingview绘制折线图，资金图，以及一些配置说明
tradingview的k线图和折线图不属于同一个项目，考虑到k线图代码量很多，折线图只是一个轻量级别的。tradingview官网：https://cn.tradingview.com/lightweight-charts/折线图代码地址：https://github.com/tradingview/lightweight-charts1.安装。npm install lightweight-charts2.引入和使用。import { createChart } from原创 2021-07-23 11:18:54 · 5132 阅读 · 0 评论 -
vue 修改tradingview工具栏的颜色（第三天）
关于修改工具栏相关的办法引入文件的配置：library_path:"charting_library/",//资源库根路径custom_css_url:"custom-styles.css",//自定义样式文件“custom-styles.css”文件必须放在“charting_library”目录之下哈。每一行我都注释了，上下一致哈。custom-styles.css：:root:not(.theme-dark) { --tv-color-platform-backgr..原创 2021-07-22 19:04:47 · 1677 阅读 · 0 评论 -
vue 使用tradingview修改主题色等等配置（第二天）
上一篇文件链接（关于引入文件的一些说明）：https://blog.youkuaiyun.com/qq_42740797/article/details/118931667如果你不幸下载到了旧版，或者是网上的一些其他版本，可能在修改k线图的时候永远都改不动canvas元素的背景色，我当时也差不多处理了一天时间，最后一用官网的项目，直接就行了。然后这里我将官网的项目和我的vue测试项目都上传了。资源链接：创作不易，希望支持，让我多赚点积分。资源文件说明：charting_library：官网原创 2021-07-22 15:55:40 · 5393 阅读 · 1 评论 -
vue使用tradingview生成k线图（第一天）
网上很多项目运行的时候没有问题，但是拷贝到自己的vue最新版里面去，就要报很多错误，一般情况都是因为创建k线图的时候配置有问题，这里我已经处理兼容新版vue的资源，需要的可以下载。链接：https://download.youkuaiyun.com/download/qq_42740797/20372015下载后的目录结构如图：步骤一、引入js。“custom_scripts”是k线图相关的js文件，vue项目需要放在“public”文件夹下，然后在public下的index.html文件中引入原创 2021-07-20 13:38:03 · 4701 阅读 · 1 评论