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
1
vote
1 answer

Lightweight charts: time scale with images

How to make chart like this? Images on time scale.
kern
  • 13
  • 2
1
vote
0 answers

Change chart time from UTC to IST in tradingview lightweight-chart

I plotted the ohlc data using UTC Timestamp (converted from IST). For e.g., 2021-01-01 09:15:00+05:30 => 1609472700 In the plot, time in the x-axis shows as UTC time, not in IST, i.e., 2021-01-01 03:45. How to change this?
Dr.PB
  • 959
  • 1
  • 13
  • 34
1
vote
2 answers

Chart Duplicates because of useEffect re-render

I have a parent component which I'm using to pass props (i.e backgroundColor) to child component( ). In my child component I have a dependency array that re-renders every time color is changed from parent i.e…
Ibra
  • 912
  • 1
  • 12
  • 31
1
vote
1 answer

Number of price tick marks in TradingView Lightweight Charts

In some situations, TradingView Lightweight Charts draws too few tick marks on the price scale (ie: too few horizontal grid lines). Is there any way to control the number/density of tick marks? In the example below, only two horizontal tick marks…
1
vote
1 answer

is it possible to draw a line with a "gap" using lightweight-charts?

struggling with this one a little bit, want to draw a line with a "gaps" something like that: but whatever i did so far chart either skips "missing days" and joins "last before gap" and "first after gap" either interprets values as 0 (NaN, null…
Jarek Kożdoń
  • 336
  • 2
  • 13
1
vote
1 answer

How to use TickMarkType.TimeWithSeconds with the CDN version

I would like to be able to generate graphs with the x-axis of the form year-month-day hour:minute:second. I saw in the documentation that you had to use tickMarkFormatter and that you had to define the constant TickMarkType.TimeWithSeconds but I…
1
vote
1 answer

Lightweight Charts - Uncaught ReferenceError: LightweightCharts is not defined

I have been trying to get this supposedly very easy to install "lightweight-charts" package going (link to GitHub page), but something is always standing in the way. Of the two install options, the first one quarrels with Firefox, which tries to…
RiiNagaja
  • 92
  • 9
1
vote
1 answer

Chart draws again every time I change the state of a component

The problem is when i click on button to use method changeState, state changes, MoreInfo component shows, but chart is drawing again like this: Here is my code import React from 'react' import './Home.css' import Graph from '../graph/Graph' import…
DenBondd
  • 155
  • 1
  • 1
  • 9
1
vote
1 answer

LightWeightChart: How can i add chart which look like this way?

I want to create a chart with lightweight-chart. Two graph sharing same x-axis but both have different values at y-axis mean two pane in single chart. How can i do this?
HAMMAD ALI
  • 143
  • 2
  • 13
1
vote
2 answers

How to draw trendlines in lightweight-charts with left or right extension?

How to draw lines between any two highs or lows of the candlestick bars to make a slanted trend line that can extend to left or right or both directions? Extending left or right by creating a custom series manually using y = mx + b formula seems…
user3330840
  • 6,143
  • 7
  • 26
  • 39
1
vote
3 answers

Date of tradingview lightweight chart showing a wrong date of only 1/1/1970

Please I need help me with tradingview js chart customization. I am having a serious issue with the chart. Chart is not showing accurate date pull from the database into the chart The picture above is the chart showing the accurate date of the data…
Temidayo
  • 82
  • 1
  • 9
0
votes
0 answers

price scale width inconsistent for Lightweight Chart (TradingView) with multiple chart panes

i have a lightweight chart component which renders two charts that i have synced together so they look like one chart with 2 panes. The issue i am having is both of the charts have different data so the price scale width is inconsistent between the…
0
votes
1 answer

How can i convert time to unix timestamp?

I have a twelvedata api, where i get my data to the lightweightchart. I convert the time to unix timestamp with getTime(), but the chart is still not working. Error: Uncaught Error: Value is null The code: var intervals = ['15min', '1day', '1week',…
0
votes
0 answers

Get percentage values for tool tip

I am creating a tool tip but I have set my series to percentage. newSeries.priceScale().applyOptions({mode: PriceScaleMode.Percentage}); No I want to grap the calculated percentage value to use it in my tool-tip. But this always gives me the…
0
votes
1 answer

lightweightscharts of tradingview for intraday data

TradingView Chart