问题标签 [lightweight-charts]

我正在尝试使用 Lightweight-charts-library 在我的网页上使用图表，但图表不会显示。这是我的 HTML

我的目标是在“图表”div 上显示一个图表，所以我基本上从 Lightweight-charts 库中复制粘贴了这段代码，使其指向图表。

如果我type = module从<script src="chart.js"></script>我得到Uncaught SyntaxError: Cannot use import statement outside a module。javascript的文件名是charts.js

不确定这是否是一个限制，但我不能让图表显示所有数据（我有 1500 条记录）。fitContent() 或 setVisibleRange() 没有帮助。

演示

这是预期的吗？如果图表宽度设置为 800 像素，它将起作用。

编辑：链接到Codesandbox上的复制：https ://codesandbox.io/s/exciting-worker-f5j1b

每次我尝试在 React 中将新数据注入我的图表（使用轻量级图表）时，我都会遇到一个错误，我需要帮助。

我怀疑这个问题与 React 渲染和重新渲染 DOM 的方式有关。在父组件中，我执行三个 API 调用，将历史图表数据从 Binance 传递给子组件（具有 4H、2H 和 1H 实际图表的组件）。在子组件中，我有一个 useEffect 挂钩，用于创建每个图表，然后使用轻量级图表方法注入数据chart.setData([Array])- 它还运行来自 Binance 的 Webhook，我使用该挂钩来使用轻量级图表方法更新图表chart.update({Object})。

正如我所说 - 一切都有效，除了我想摆脱的数百个错误。

每当 Webhook 触发（并更新图表上的数据）以及子组件（但不是父组件）中有 API 调用时，就会发生错误——因此，当我注释掉API 调用时client.onmessage()，getSignalData()我不会遇到错误，但我一直无法找到解决此问题的方法。

这是我的代码：

家长

子组件

我花了几个小时试图解决这个问题，所以任何帮助都将不胜感激！

谢谢

I tried installing Tradingview's 'lightweight-charts' for react typescript but I can't seem to download the @types for this package because it does not show up on package.json. Therefore, unable to render my react app.

I have tried installing with npm and yarn but they both don't work

Can anyone please help me?

Where can I download the types for this package so it works? The npm repository says that it supports typescript.

thanks in advance!

我想在 Nuxt 项目中使用轻量级图表包。我找不到 Nuxt 项目中包含的任何示例。我用一些方法做到了，但我不知道什么是最好的方法。在nuxt上运行它的正确方法是什么？

网站上包的使用如下。

https://github.com/tradingview/lightweight-charts

我是一个 Python 人，但尝试在 Visual Studio 代码中使用 node.js 来绘制由交易视图提供支持的烛台图。

TradingView 提供了一个名为轻量级图表的包，我正在尝试在我的 node.js 项目中使用它。但是在运行项目文件时，我遇到了一个我无法理解的错误。我也尝试在谷歌上搜索它，不幸的是没有解决方案。

错误是 ReferenceError: document is not defined。

我从一个运行良好的 youtube 视频中复制了代码。还使用 npm install light-charts 安装了包轻量级图表。

我的项目中有两个文件名为 index.html 和 index.js。文件中的内容

index.js

索引.html

运行 index.js 文件时出现错误。错误是：

ReferenceError：文档未定义。

另外，如果我删除“const domElement = document.getElementById('tvchart');”行 从代码中，我得到的下一个错误是：

ReferenceError：未定义 LightweightCharts。

虽然已经安装了轻量级图表库。

我还尝试将 index.js 文件的扩展名更改为 index.mjs，同时通过添加“type”：“module”来编辑 package.json

我已经尝试了很多使这段代码工作但不能。您的任何帮助就像有人解决了对我来说确实是火箭科学的事情。

我目前正在一个 php 页面上显示一个区域系列图表。在我从数据库中获取的初始页面加载期间填充数据。现在我想用持续时间更新图表，比如 1 周、1 年等。在文档中找不到关于如何删除系列或用新数据重新加载图表的信息。我搜索了文档和 github 链接，但找不到我要找的东西。

请任何指点。

我正在使用轻量级图表，试图将数据分配到 testing.json

测试.json：

当使用这种方式读入轻量级图表时，它可以工作

当使用这种方式直接声明而不读取json文件时，它也可以

但是当单独分配给变量然后读入setData时，它失败了......

我正在使用kaktana-react-lightweight-charts，一切正常，直到我得到e.timeScale(...).unsubscribeVisibleTimeRangeChange 不是函数错误，因为我没有在我的代码中实现它。我不知道我为什么需要这个？.. 场景是，起初我的图表会按照我的意愿很好地显示，然后当我点击其他数据时，它应该显示具有相同图表的新数据，但我得到了这个错误。所以我想我会实现unsubscribeVisibleTimeRangeChange功能，但不知道如何..

这是我的选择

这是Exbase 图表。它有：

1. 使用图像的背景（看起来很棒）。
2. 价格变化时，过渡效应会向上移动和向下移动。

我怎么能用tradingview轻量图表做到这一点？

感谢您的阅读，期待您的支持。