Pre loader

Depth Chart

Answered
1
0

Hi. Is it possible to implement a depth chart like in the screenshot using scichart?! depth chart

Version
1.4.5
Images
  • You must to post comments
Best Answer
2
0

Hi Alex,

We’ve created a live demo of a Market Depth Chart here. There’s a description of the example & links to source code in the example page above.

JavaScript Market Depth Order Book Chart

The Depth Chart is rendered as two mountain series back to back, after transforming bid/offers into cumulative sums.

Interaction is provided by a custom modifier. The DepthCursorModifier has to manage 8 different annotations to make all this work. That sounds a bit scary, but consider that you have the ability to customise every aspect of all of those annotations. I haven’t added configuration properties for them all to the main modifier, but you could. The way it works is to hit-test each series and then do another hit-test on the other series the opposite side of the mid line.

I also implemented custom x-Axis tick labels so they only show where there are large jumps in the volume profile.

Note that this modifier probably will not work as is if you try to use it in a vertical chart. It would just requires a bit of swapping of x and y.

  • You must to post comments
1
0

Yes of course it is. This is just two mountain charts back to back with different colours.

It should be easy to do. The difficult part is listening to the order book data, compute a cumulative sum of order book data.

  • You must to post comments
1
0

Hi. I’m more interested in the hovering behavior. is it possible to implement behavior like here

  • Andrew Burnett-Thompson
    Hi Alex, David from our JS team is working on an example to show how to do this. Will publish something soon!
  • alex korzh
    hi Andrew! thanks. i’m excited and looking forward to the example
  • You must to post comments
0
0

David, hello again. I’m having trouble again, can you please advise me. For unknown reason – textAnnotation does not update at all

code example: https://codesandbox.io/s/inspiring-panna-nzsftf?file=/src/index.html

Images
  • You must to post comments
Showing 4 results
Your Answer

Please first to submit.

Try SciChart Today

Start a trial and discover why we are the choice
of demanding developers worldwide

Start TrialCase Studies