问题标签 [lightweight-charts]

轻量级图表版本：3.1.3

我正在将您的图表用于 Vue 项目中的加密货币交易应用程序，但无论我收到什么错误，下面都是示例代码

没有重复或空数据。

实际行为：

图表是在没有烛台的情况下绘制的

和未捕获错误的重复错误：值为空

jsfiddle

更新了代码以澄清。TVC 组件拥有一个交易视图轻量级图表组件。

有一个带有项目列表的侧导航。每次选择一个新的/不同的项目时，它都会在主内容组件中触发 this.data.getDataForSymbol() 。当不使用缓存时，图表会完美地重新呈现......但是当使用缓存（并确认正在工作）时......图表不会重新呈现。

这是呈现图表的组件：

这是托管 TvcComponent 的组件，为图表提供数据：

下面是拦截器服务的相关代码：

和缓存服务：

我已经实现了一个用于缓存的 HttpInterceptor （来自 Angular Github 的示例），并且正在缓存 HttpResponse 以获取然后使用模板中的异步管道订阅的数据 - 并作为输入属性传递给子组件。observable 包含呈现图表的数据。

数据（大部分）是静态的，选择不同的项目会触发新的 Http 请求。因此，如果有人在多个图表之间来回跳动，他们将不必要地进行多次（重复）调用。因此，缓存。

问题是，虽然通过控制台日志记录确定缓存工作得很好）......从缓存访问数据时，图表不会更新/重新呈现。第一次选择项目 A 时，它会从服务器获取数据并正确呈现。如果您移动选择项 B（不在缓存中），它会发出服务器请求，将响应放入缓存中，并呈现正确的图形。问题是如果您切换回项目 A，它会从缓存中获取正确的数据，但不会更新图形。

我正在使用默认的更改检测。

我有一个看起来像这样的轻量级图表设置。我想添加某种配置，以便图表可以显示本地时间，而不是 Unix 时间戳传递的通用时间，例如，它与我的时间相差几个小时。另一种可能性是修改 Unix 时间戳。

因此，轻量级图表中的timeScale可以检测何时更新可见时间范围（通过）。subscribeVisibleTimeRangeChange

我的问题是，当可见价格范围发生变化时，是否有类似的方法来检测/监听？浏览了一些文档，但找不到任何接近的东西。

我们有一个用例，我们想在最小/最大价格范围变化时调整面积图中的价格线。

反馈将不胜感激！

到目前为止，我已经搜索了文档、discord 和此处，但无法找到其他文档和/或更改样式的解决方法（除了颜色和边框可见性）。

我一直在尝试让这个据说很容易安装的“轻量级图表”包（链接到 GitHub 页面），但总是有一些阻碍。在这两个安装选项中，第一个与 Firefox 争吵，它试图在允许 .js 文件之前对我的 localhost 加载的脚本文件强加一些荒谬的证书标准，我什至不能挂起异常，因为 Firefox 将首先“搜索在允许我单击灰色的“添加例外”按钮之前打开该页面。（当然，它永远无法通过网络搜索找到本地页面..）

第二个选项，“安装”/通过 CDN 引用似乎只是被阻止，因为我得到

...即使之前将包加载到头部。

这是非常简单的页面的屏幕截图。

...这只是他们在 Github 上使用 .getElementById 而不是 .body 的细微变化的示例。

但不仅完全不行，而且我还发现有人拍了一个和我做一模一样的视频，第一次尝试就成功了！

因此，如果我不得不猜测，我会说某些东西可能会以某种方式阻止与该文件的 Internet 连接，从而导致标题中的SCR永远不会被引用。我尝试在安全模式下运行 Firefox，并将其加载到 Chrome 上，以确保它不是附加组件，但都失败了。然后我尝试通过 python 服务器运行该页面，但结果相同。我已经在这里搜索了 2 个小时，也没有找到更多相关信息。我能做些什么呢？

在此页面https://ticr.live/ticker-demo.php 中，我在 TradingView 图表小部件中显示了大约在过去 15 分钟内生成的数据。

我希望图表内的所有点都可见，而无需水平滚动图表以查看过去的值，以防有很多点。

所以整个图表应该完全“适合”容器 div。

这是如何实现的？谢谢

我正在使用 TradingView 的轻量级图表来显示一个图表，其中可见时间范围由下拉设置（例如：1D、1Y 等）。当由 设置的选定范围chart.timeScale().setVisibleRange()比图表的数据系列覆盖的时间戳范围更宽时，图表将设置刻度边缘以匹配数据系列，而不是使用 指定的范围setVisibleRange()。

我希望图表始终遵守 设置的范围setVisibleRange()，即使它还没有数据点来填充整个范围。除了设置空/空白数据点之外，我如何强制它执行此操作？

这是一个示例，我将图表的左边缘设置为 2018 年 6 月 1 日，但图表仅从 9 月 22 日开始显示。图表的左边缘应遵守setVisibleRange()并显示缺失数据点的空白区域，而无需显式添加空白数据点：

https://jsfiddle.net/hgz9q3cy/

我希望能够生成 x 轴形式为年-月-日时：分：秒的图表。

我在文档中看到您必须使用 tickMarkFormatter 并且您必须定义常量 TickMarkType.TimeWithSeconds 但我不明白在哪里！

我不使用 Typescript，只是在脚本标签中导入了 .js 库的 html 页面，有人可以帮我吗？

完成后，我只需要以这种方式在我的数据上添加时间吗？

我注意到价格显示不正确。我设置了 0.123456 但在图表上看到的只是 0.12 请给我一些建议。谢谢