tradingview 选中点击某条k线，获取他的数据，并渲染到导航栏

草字

已于 2022-09-28 10:12:45 修改

阅读量1.4k

点赞数 1

分类专栏：区块链图表相关echart 文章标签： html

于 2021-11-15 10:57:42 首次发布

本文链接：https://blog.csdn.net/qq_42740797/article/details/121330385

版权

区块链同时被 2 个专栏收录

22 篇文章

订阅专栏

图表相关echart

19 篇文章

订阅专栏

这篇博客介绍了如何在图表库中处理K线图的点击事件。当用户点击K线时，会触发crossHairMoved订阅，回调函数接收到时间time和价格price参数。在回调中，可以依据time遍历数据获取相应的开盘价、收盘价等信息。同时，当鼠标松开时，会触发'mouse_up'事件，用于恢复图表数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码：

                //选中k线，点击k线 
                //time：当前列的时间，price：当前列鼠标高度的价格
                //需要判断时间是否存在数据中，再获取相关的数据（开盘价，收盘价等等）
                this.chart.activeChart().crossHairMoved().subscribe(null,({ time, price }) => {
                    console.log('选中k线：',time, price)
                });

点击某条K线，回调函数会有两个参数，time为点击的那一列的时间，利用time和自己的数据进行遍历取值。

this.chart.subscribe("mouse_up",()=>{
                })

点击释放后，还原数据。