I created 3 candle sticks and they all have different width even tho I give them the same dataPointWidth?
See image below for reference,
Code sandbox link: https://codesandbox.io/p/sandbox/vertically-stacked-axes-forked-5ypshd?file=%2Fsrc%2FApp.tsx&workspaceId=727af2ef-2725-4acf-b130-b2c2973fbfea
Thank you.
Version
3.3.560
Images
- Nung Khual asked 4 months ago
- last edited 4 months ago
sorry about that, here is the new link, https://codesandbox.io/p/sandbox/vertically-stacked-axes-forked-5ypshd?workspaceId=727af2ef-2725-4acf-b130-b2c2973fbfea&layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522clrus5sid00063b6ibkgjbvyn%2522%252C%2522sizes%2522%253A%255B100%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522clrus5sic00023b6idm7bm3q2%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522clrus5sic00033b6i5an4tfbc%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522clrus5sic00053b6iophjb2j7%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clrus5sic00023b6idm7bm3q2%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clrus5sic00013b6icvm5f2qp%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252Fsrc%252Findex.tsx%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%252C%257B%2522id%2522%253A%2522clrus7z46004h3b6ig0nnq57o%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522initialSelections%2522%253A%255B%257B%2522startLineNumber%2522%253A1%252C%2522startColumn%2522%253A32%252C%2522endLineNumber%2522%253A1%252C%2522endColumn%2522%253A32%257D%255D%252C%2522filepath%2522%253A%2522%252Fsrc%252FApp.tsx%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%255D%252C%2522id%2522%253A%2522clrus5sic00023b6idm7bm3q2%2522%252C%2522activeTabId%2522%253A%2522clrus7z46004h3b6ig0nnq57o%2522%257D%252C%2522clrus5sic00053b6iophjb2j7%2522%253A%257B%2522id%2522%253A%2522clrus5sic00053b6iophjb2j7%2522%252C%2522activeTabId%2522%253A%2522clzn4la2m000z3b6laysriho3%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clrus5sic00043b6izoygr17k%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522UNASSIGNED_PORT%2522%252C%2522port%2522%253A0%252C%2522path%2522%253A%2522%252F%2522%257D%252C%257B%2522type%2522%253A%2522UNASSIGNED_PORT%2522%252C%2522port%2522%253A0%252C%2522id%2522%253A%2522clzn4la2m000z3b6laysriho3%2522%252C%2522mode%2522%253A%2522permanent%2522%257D%255D%257D%252C%2522clrus5sic00033b6i5an4tfbc%2522%253A%257B%2522tabs%2522%253A%255B%255D%252C%2522id%2522%253A%2522clrus5sic00033b6i5an4tfbc%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Afalse%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D
This looks like a buggy handling of data series with single entry. I’ll log this as a bug to our backlog: https://abtsoftware.myjetbrains.com/youtrack/issue/SCJS-1796/Single-Candlestick-point-width-issue
Hi Nung, Have you tried using “`dataPointWidthMode: EDataPointWidthMode.Absolute“` and also “`dataPointWidth“` to a larger value like 50 – 100? Here is a CodePen doing just that: https://codepen.io/vasculandrei/pen/gONowqg?editors=1010- it does work in the link provided above, but that option does not exist with sciChart `3.3.560`
- also doesn’t seem to exist when I check in sciChart documentation, https://www.scichart.com/documentation/js/current/typedoc/classes/fastcandlestickrenderableseries.html
- 3 more comments
- You must login to post comments
Hi, thank you for the reply, dataPointWidthMode doesn’t seem to exist in my current version of sciChart.
See the image below for the error, and my sciChart version is 3.3.560.
Thank you.
Images
- Nung Khual answered 4 months ago
- Hi Nung, This is indeed a 3-week-old property, so you just need to update to SciChart version “`3.4.652“`, and rest assured, there are no breaking changes, only new features added.
- You must login to post comments
We just released v3.4.672 which contains a fix for the width (and y range) for single candlestick issue. Full changelog is at https://www.scichart.com/changelog/scichart-js/
- David Burleigh answered 2 months ago
- You must login to post comments
Your Answer
Please login first to submit.
