问题标签 [lightweight-charts]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
180 浏览

lightweight-charts - 是否可以使用轻量级图表绘制一条带有“间隙”的线?

有点挣扎,想画一条带有“差距”的线,如下所示: 在此处输入图像描述

但无论我到目前为止所做的图表要么跳过“缺失的日子”并加入“差距之前的最后一个”和“差距之后的第一个”,要么将值解释为 0(NaN,空测试)。那里甚至有可能存在“差距”吗?

例子:

  1. nulls 或 nans 的工作方式如下: 空值或 nans

  2. 根本没有日子: 根本没有日子

0 投票
1 回答
904 浏览

javascript - TradingView 轻量级图表中的价格刻度线数量

在某些情况下,TradingView Lightweight Charts 在价格刻度上绘制的刻度线太少(即:水平网格线太少)。有什么方法可以控制刻度线的数量/密度?

在下面的示例中,即使图表被渲染得更大一些,也只绘制了两个水平刻度线。如果在这种情况下绘制两倍的水平网格线会很好:

0 投票
0 回答
146 浏览

javascript - (Tradingview轻量级)切换数据数组时的弯曲线图

单击 onclick 函数时,我试图在同一画布上显示 2 个不同的图形。

我的页面默认为 1 Min 折线图和底部的体积(直方图)图。轻量级图表可以毫无问题地绘制折线图和体积图。

当我将图表切换到 3 分钟图表时,体积图表会毫无问题地显示,但我的折线图会弯曲。如附图所示。

在绘制 3 分钟图之前,我将删除 1 分钟线和体积系列,之后我将创建 3 分钟线和体积系列并添加 3 分钟线和体积数据数组。

我该如何解决这个问题?

弯曲线图

0 投票
0 回答
80 浏览

lightweight-charts - Tradingview轻量级图表获取事件

有什么方法可以直接从库中获取lineSeries我之前设置的事件?setData()我在文档中找不到任何东西......或者,我可能会记录我在其他地方添加的事件,只是想知道是否有更好的方法来实现这一点。

0 投票
1 回答
534 浏览

javascript - 在 NextJS 中使用轻量级图表时出现 SyntaxError

我正在尝试lightweight-charts在我的项目中使用该包nextjs,但是当我尝试调用该createChart函数时,我在 nodejs 控制台中收到此错误。

零件:

页:

有人知道我可以做些什么来使我能够在 nextjs 中使用该库吗? 谢谢!

0 投票
2 回答
229 浏览

javascript - 由于 useEffect 重新渲染,图表重复

我有一个父组件,用于将道具(即backgroundColor)传递给子组件(<LivePortfolioGraph />)。

在我的子组件中,我有一个依赖数组,每次颜色从父组件(即props.backgroundColor)更改时都会重新渲染。

现在我不想在每个渲染上创建一个新图表,如果图表存在,只需应用颜色选项。

非常感谢任何帮助!谢谢。

父组件

子组件

第一次渲染

当我改变颜色时,另一个图表显示了以前的 defaultValue

创建的元素

更新 我找到了一种删除子节点(图表副本)的黑客方法。它会像疯了一样减慢页面速度,我什至不想使用它。仍在尝试寻找另一种解决方案。

0 投票
0 回答
128 浏览

lightweight-charts - 是否可以将小部件中的数据与轻量级图表混合?

我想从 Binance 获取一个完整的配对图表,并将我自己的系列添加到该图表中以进行比较。

是否可以使用轻量级图表来做到这一点?

例如https://in.tradingview.com/widget/advanced-chart/这对我来说意味着一个完整的实时图表,但我不知道如何添加我自己的数据进行比较。

请告诉我这是否可行。

0 投票
0 回答
605 浏览

javascript - 轻量级图表不显示 y 轴

我的数据不是很明显,如下所示:

一旦我制作了图表,它就会显示 x 轴,时间。

但是,y 轴是不可见的(奇怪的行为,比如我将 y 轴设置在右侧并通过拖动比图表的整个长度足够长的时间向右移动,有时它会显示,就像它在没有拖动的情况下隐藏一样 - 首先看,但存在右侧图表框的边缘,但有时它甚至不起作用。)

我假设值会导致此问题,因为其他图表使用更具戏剧性的值并使图表没有问题(x 和 y 都可以看到)。

我也玩过createChart但不太确定我是否遗漏了一些所以请看一下(我想这应该很好,因为我说过其他具有独特数据的图表很好)。

当图表没有独特的数据时,我如何获得 y 轴(如果是问题)。

提前致谢。

0 投票
0 回答
389 浏览

lightweight-charts - 在 tradingview 轻量级图表中将图表时间从 UTC 更改为 IST

我使用 UTC Timestamp(从 IST 转换而来)绘制了 ohlc 数据。例如,2021-01-01 09:15:00+05:30=>1609472700

在图中,x 轴上的时间显示为 UTC 时间,而不是 IST,即2021-01-01 03:45.

如何改变这个?

0 投票
1 回答
66 浏览

javascript - 轻量级图表:带图像的时间尺度

如何制作这样的图表?

时间尺度上的图像。