(Tradingview lightweight) Crooked line graph when switch data arrays
I'am trying to display 2 different graphs on the same canvas upon click of an onclick function.
My page defaults to the 1 Min line graph and a volume(histogram) graph at the bottom. The lightweight charts can draw the line and volume graphs without any issue.
When I switch my graph to a 3 Min graph, the volume graph gets displayed without any issue but my line graph gets crooked. As shown in the attached image.
Before I draw the 3 Min graph I would remove both the 1 Min line and volume serieses, after that I would create the 3 Min line and volume serieses and add in the 3 Min line and volume data arrays.
How can I solve this issue?
In my original code, I had four serieses:
- 1 min candles
- 1 min volume
- 3 min line
- 3 min volume
I modified my code to have only 3 serieses:
- candle
- volume
- line
And change the datasets accordingly using the series.setData method.
The graph now shows the data properly.
- Error when fetching and downloading images from CDN (S3) on Chrome and Safari
- How does the React hook useCallback recognize the function?
- JavaScript How to Dynamically Move Div by Clicking and Dragging
- mocking window.location.href in Javascript
- Fill With White, Out Of Bounds Part Of Image - Crop Image With CSS Transformations on it
- How to Detect Browser Back Button event - Cross Browser
- Check type of a function parameter
- how to show this.variable value in observer callback function in chrome debug mode
- I am getting these error everytime I try to run the react and node based code in my system , tried "reinstalling npm install" and everything
- Why `[1, 2, 3]` is not showing as an `Array(3)` in Console?
- Is this possible? Scroll slides to key points, like vertical paging
- Angular Previous page button getting disabled when the next page button gets clicked
- ReactJS vs NodeJS - Why do I need to create both?
- Console.log doesn't work, devtools console shows no errors
- How to calculate the execution time of an async function in JavaScript?
- Not able to change the title with metadata when using 'use client' in Next.js
- How do I pass a variable into regex with Node js?
- Why doesn't TypeScript enforce async/await on promise?
- Catch block not working in node fetch
- Creating a writable svelte store from loaded page data in sveltekit
- Best Way To Crossfade Text With a Fixed Height in an Absolute Div?
- Prevent text selection after double click
- Check for browser optional chaining support in Angular project
- Is there a way to create dynamic ranges given an array of values, and counting how many belong to each range
- Can't use type-fest GreaterThan as parameter type
- Is there a way to get the JSX/TSX of a React component from the code itself?
- Check if optional chaining is supported
- What is the best way to remove a table row with jQuery?
- How can I generate a list of random shades of a particular color? (e.g. random shade of orange)
- Proper way to catch exception from JSON.parse