Questions tagged [lightweight-charts]

Lightweight Charts is a JavaScript library created by TradingView for displaying financial charts.

Lightweight Charts is a JavaScript library created by TradingView for displaying financial charts.

126 questions
0
votes
1 answer

Applying custom styles to lightweight-chart

ref: https://info.uniswap.org/#/ So I am trying to figure out how to make the createChart(...).addAreaSeries have a smooth line? And bring the labels from x-axis closer to the margin. I am look into Uniswap source code, however there is no hints.
IntFooBar
  • 174
  • 3
  • 18
0
votes
0 answers

lightweight-charts does not show y axis

I have data which is not very distintive like below so: {time: 1617235200, value: 0.9999999999999999} {time: 1617238800, value: 1} {time: 1617242400, value: 1} {time: 1617246000, value: 1} {time: 1617249600, value: 0.9999999999999999} {time:…
0
votes
1 answer

Tradingview lightweight-charts: How to increase number after point?

I noticed that the price is not displayed correctly. I set 0.123456 but see on chart just 0.12 Please give me some advices. Thanks
Kien Bui
  • 1
  • 1
  • 1
0
votes
0 answers

Getting TradingView Lightweight Charts to honor setVisibleRange wider than data set

I'm using TradingView's Lightweight Charts to display a chart where the visible time range is set by a dropdown (ex: 1D, 1Y, etc). When the selected range as set by chart.timeScale().setVisibleRange() is wider than the timestamp range covered by the…
0
votes
1 answer

How to make TradingView chart show all points without having to scroll?

in this page https://ticr.live/ticker-demo.php i am showing the data generated roughly in the last 15mins, in a TradingView chart widget. I wish that all points are visible inside the chart, without the need to scroll the chart left horizontally to…
HelloWorld
  • 160
  • 2
  • 13
0
votes
1 answer

Is it possible to apply additional css properties such as border radius around candles?

So far, I've searched the documentation, discord, and here, and have not been able to find additional documentation and / or workarounds the alter the style (besides colors and border visibility).
Brennan
  • 355
  • 1
  • 5
  • 10
0
votes
1 answer

Detect/listen when visible price range changed in lightweight-chart

So the timeScale in lightweight-chart has a way to detect when visible time range is being updated (through subscribeVisibleTimeRangeChange). My question, is there a similar way to detect/listen when visible price range changed? Gone through the…
0
votes
1 answer

Angular HttpInterceptor Cache Not Triggering Change Detection

Updated with code to clarify. The TVC Component hosts a Trading View lightweight-charts component. There is a side nav with a list of items. And every time a new/different item is selected, it fires this.data.getDataForSymbol() in the Main Content…
Kevin
  • 895
  • 2
  • 10
  • 21
0
votes
1 answer

Curved Line Charts

Is it possible to make the set the line charts to have curvature instead of straight lines? I'm trying to get the desired curved line like the picture below.
Dexter Siah
  • 273
  • 2
  • 6
  • 17
0
votes
1 answer

Manually/programmatically closes crosshair

At the moment users have to tab/click on the graph to close the crosshair. I'm trying to hide the crosshair when users released their thumb from screen (ontouchend). Is there a way to achieve that manually/programatically?
0
votes
1 answer

Setting partial data to the series for the time range

How can I update the partial date range in lightweight-charts series? setData only updates the whole dataset, but I want just to set or update additional 100 entries to/in 1000 entries dataset that is currently loaded as part of responsive…
daerhiel
  • 1
  • 2
0
votes
2 answers

lightweight-charts: timeScale() changes visibleRange on setData()

I need to load data until it fills the visible area. But on setData the graph changes the visible area, which leads to endless data loading. It looks something like this https://jsfiddle.net/beholderrk/916g3tcf/3/ Is there any way to setData did not…
beholderrk
  • 730
  • 8
  • 17
0
votes
1 answer

tradingview lightweight-charts time axis strange behaviour

I need to display this chart: var chart = LightweightCharts.createChart(document.body, { width: 600, height: 300 }); chart.applyOptions({ timezone: "Europe/Paris", timeScale: { timeVisible: true, secondsVisible: true, }, …
0
votes
1 answer

how to add header of the trading view chart?

i am new with react and trading view chart i have used lightweight-charts Library to integrated in my react project i am unable to get the header part of the chart. Here Is My Code : import { createChart } from "lightweight-charts"; import React…
-1
votes
1 answer

I cant see more decimals in my lightweightchart

I created a chart, and i wanna show more decimals than just 2, but i tried every possible option, and its not working in my script, but when i tryit in a simple, new chart its working. What can couse the problem? here is the chart: var chart =…
1 2 3
8
9