Market Footprint implementation

We now have a blog post on this frequently asked question: How to create a Volume Profile in a JavaScript Financial Chart. Read this for full information how to setup this type of chart with SciChart.js

Hi John,

We support this chart type (Market Profile charts) in other platforms of SciChart, we don’t support it natively in SciChart.js yet.

However, it is now possible to build a special chart type that overlays a chart-on-a-chart. Using the technique in this blog post How to create a Volume Profile in a JavaScript Financial Chart it is possible to dock and rotate a chart series inside the main SciChartSurface to visualise a volume profile or market footprint. Read the blog post above for more details.

Thanks and regards,
Andrew

Hello,

Could you guide me on implementing this in JavaScript? I went through the volume profile article but am a bit unsure about the approach.

Should I create a subchart for each candle bar and draw the rotated column series, or should I create a single transposed x-y series for the column? If itÔÇÖs the latter, how can I ensure the column series starts at a specific range rather than from 0?

Additionally, would using a custom renderable series be a better approach here?

Any help or clarification would be greatly appreciated!

Best regards