问题标签 [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 投票
2 回答
6324 浏览

javascript - 如何创建响应式 Tradingview 轻量级图表?

我是 Tradingview 图表库的新手,我想创建响应式图表。

问题是,交易视图图表库需要指定宽度和高度。这是代码。

0 投票
1 回答
1575 浏览

reactjs - React-DOM:无法将交易视图画布从“轻量级图表”附加到正文

用于反应的交易视图带有 document.body ,我想在父 div 中插入画布。但它会附加到正文的末尾。尝试了很多可能的解决方案,但没有任何效果。

元素想要在橙色背景中移动图形

图形代码如下:

父组件:

我尝试过 refs,不同的 DOM 操作方法,但没有任何效果。如果有人可以帮助我找到解决方案,那就太好了。

0 投票
1 回答
1823 浏览

javascript - 如何使用 Javascript 中的 Tradingview Lightweight 图表为单线系列提供多种颜色?

下面这张图片就是我现在所拥有的。 在此处输入图像描述 下面这张图就是我想要的。(我的代码中的第一张图片,tradingview 中的第二张图片)。 在此处输入图像描述

需要明确的是:我希望单行具有多种颜色。对于我的情况,我只需要两种颜色。我需要我创建的每条新线都可以改变颜色。如果右侧的价格标签也更改为触及图表右侧部分的线条的颜色,那就太好了。

这是我的代码:

changeLineColor() 函数正在执行 if 语句,这与为线条设置颜色无关。

0 投票
2 回答
2570 浏览

javascript - Tradingview 轻量级图表的日期显示错误的日期仅为 1970 年 1 月 1 日

请帮助我进行 tradingview js 图表定制。我对图表有一个严重的问题。图表未显示从数据库中提取的准确日期到图表中 在此处输入图像描述

上图是提供数据准确日期的图表

在此处输入图像描述

从数据库中提取的数据给出了错误的日期,从而给出了错误的图表。如何更正图表日期

我猜问题出在哪里,我从数据库中调用数据循环,但我不知道它为什么显示错误的日期。

?>

0 投票
1 回答
162 浏览

lightweight-charts - 如何添加交易视图图表的标题?

我是反应和交易视图图表的新手,我使用轻量级图表库集成到我的反应项目中,我无法获得图表的标题部分。

这是我的代码:

从“轻量级图表”导入 { createChart };从“反应”导入反应;

const Graph = () => { const chartRef = React.useRef(null);

}

导出默认图表;

0 投票
1 回答
5100 浏览

javascript - TradingView 轻量级图表价格似乎无法正确缩放

我刚刚将比特币的实时数据添加到我的图表中。有一个高峰,甚至交易视图都无法处理它......至少,在我的图表上。这就是它的样子: 我的代码/图表,但放大 正如你在 6 月 2 日看到的那样,比特币涨得如此之高,以至于它走出了屏幕。这应该是可以修复的,因为在实际的 tradingview 页面本身上,它看起来都很好且正常: TradingView.com 此外,如果我缩小图表,它看起来完全正常: 我的代码/图表但缩小了 所以我想要的是我的图表的缩放方式与 tradingview.com 上的缩放方式相同.

这是我的代码:

我试过的:

我在我的代码中尝试了以下内容:https ://github.com/tradingview/lightweight-charts/blob/master/docs/customization.md -> price axis -> priceScale() -> autoScale: true and scaleMargins with diffrent顶部和底部。似乎 scaleMargins 有效,但是当我回到过去并确保我不再看到峰值时,一切都和平坦一样好:(我还尝试放在代码的末尾:chart.timeScale().fitContent() ; 但这给出的结果与我现在的结果相同,但后来缩小了。如果我用 timeScale 放大,它看起来仍然一样。

0 投票
1 回答
1979 浏览

tradingview-api - Tradingview轻量级图表时间轴奇怪的行为

我需要显示这个图表:

但是,如果您查看 2000-2006 和 2006-2008 的时间轴,使用的空间或多或少相同,因此图表看起来很奇怪,如何在不更改 json 的情况下解决此问题?

我找到了一个解决方案,添加一些没有像这样的值字段的点:{“时间”:valueBetweenTwoPoints},但这可能会导致一些错误。

0 投票
1 回答
1974 浏览

javascript - 如何使用 javascript 制作与轻量级图表相同的图表

bitmex 示例图像显示单击

我正在使用https://github.com/tradingview/lightweight-charts javascript 包。

正如您在图片中看到的,订单显示在 bitmex 交易所的绿色框中。我想学习如何在自己的桌子上做到这一点。我在文档中找不到类似的示例。你能帮助我吗 ?

0 投票
1 回答
568 浏览

javascript - 无法显示标记。setMarkers() 函数返回 TypeError: t.map is not a function

我查看了 github 上的文档,但找不到更多关于标记的信息。这是他们给出的示例: https ://github.com/tradingview/lightweight-charts/blob/ef8cfa40cb51ee1f9a5c11bd099bc510c022b010/docs/series-basics.md#setmarkers

我似乎有正确的标记数组,但没有运气。

0 投票
1 回答
685 浏览

lightweight-charts - 如何在具有左侧或右侧扩展的轻量级图表中绘制趋势线?

如何在烛台的任意两个高点或低点之间画线,以形成可以向左或向右或双向延伸的倾斜趋势线?

通过使用 y = mx + b 公式手动创建自定义系列来向左或向右扩展似乎是合理的,但直接直接的方法会更合适。