问题标签 [lightweight-charts]

参考：https ://info.uniswap.org/#/

所以我想弄清楚如何使createChart(...).addAreaSeries线条流畅？并使 x 轴的标签更靠近边缘。我正在查看Uniswap 源代码，但没有任何提示。

反应组件：

格式数据函数：

每当我保存文档时，屏幕上的画布数量就会增加一倍。如果我重新加载，它会回到 2。在谷歌上找不到任何信息。任何帮助，将不胜感激。

我想获取单击图表的点的值。

但这会返回屏幕上的 y 轴坐标，而不是价格值。

和这个。

它返回价格值，但仅返回图表线上方的值，而不是我单击的点的值。即使单击图表上的空白区域，如何获得价格-y 值？

我想要的是

我想得到那个红色圆圈的值......

如何在轻量级图表中显示没有数据的即将到来的时间？就像下面的图片

我用 Lightweight Charts 创建了这个漂亮的图表。

我现在面临的问题是，在 x 轴上的标记（灰色工具提示）中，显示的时间似乎偏离了 2 小时。

我觉得这是一个时区问题，因为我是 UTC+2 的 CEST，但我不知道这是如何发生的，在哪里发生以及如何解决它。

这是生成图表部分的 Vue SFC 的代码

setTimeRange() 函数的目的是将“盘中”图表的可见时间范围设置为当地时间上午 8 点到晚上 8 点。如果在该时间范围内没有任何数据，它应该显示空白，这也不起作用。

有人可以帮忙吗？

因此，我编写了一些代码来显示图表，并且还编写了一个函数，可以让我更改图表的时间范围。但是，当调用此函数时，会弹出一个重复的图表。

这是Chart.js

这是动作创建者chartActions.js

这是reducer chartOptionsReducer.js

最后，这是从OptionsColumn.js调用操作的地方

我认为问题可能来自Chart.js中的这一行，虽然我不确定，我也不知道如何避免它：

奖励问题：任何熟悉轻量级图表包的人，有没有办法在容器中而不是 document.body 中显示图表？谢谢

有没有办法显示不同于主时段的盘前柱？我的意思是我可以更改上市前柱的颜色，或者是否有办法为特殊时间间隔设置背景颜色？

如何在轻量级图表中格式化参考线？

以下是轻量级图表。如您所见，水平线市场 ( US$449,308,044) 占用了如此多的空间。

有没有办法格式化这个文本？

如果缩放系列，如何控制缩放在此处输入图像描述

我需要 React Lightweight 图表方面的帮助，目前我在我的项目中使用 3 种类型的图表，即区域、蜡烛、条形图。我们在前端有按钮可以在它们之间切换。因此，从蜡烛切换到区域和 Vica Versa 工作正常，但是当从蜡烛切换到条形图时，它没有在图表中显示条形系列，即使我已经移除了蜡烛系列，它也在显示蜡烛系列。

当我在条形系列中设置静态数据时，它工作正常，但当我设置动态数据时，它显示蜡烛系列而不是条形系列。我不知道问题是什么，任何人都可以请帮助我我也可以分享一个代码片段