Programming My Own Trading Chart - Part 20

Words
341
Reading
2 min
4y
Listen to this post
~2 min

Screenshot_20230409_181946.png

Finally! I've put time in on one of the basic features of a trading chart that has missing for so long. There's always been other interesting bits of code to tinker with.

Once again, the simple solution was best. I really do have to make a conscious effort to stop myself from over complicating things and simplify. That means making time to do nothing, other than review and think things through, rather than leap straight in.

For the most part I do plan things out, but sometimes there are parts that I guess I assume I can just stitch together, because the other parts have been planned out.

The next release will and in NPM and GitHub soon!

OK, so what feature an I talking about?

Vertical scrolling / panning of the chart through the price range is now possible. Manually setting the zoom on the price range is thus also possible with the mouse wheel, or a click and drag with the pointer.

In the end, everything snapped together nicely when, as I said, I arrived at the simple solution.

So in reviewing and planning out this latest update, I've also recognized that I could be in for another rewrite of some code to make things more flexible.

I'm now eyeing off, making the main chart pane with the price graph (candles) an instance of one of the off chart (indicator) panes.

Why this?

The off chart indicator panes can be reordered in their vertical stacking. Thus if the main chart pane also treated like the off chart indicators, it would thus be quite trivial for the end user to reorder the chart panes any way the wished. Off chart indicators could be positioned above or below the main chart pane.

Why?

Because while I'm seeing other chart developers implement complicated technical features, from communicating with end users I've come to realise the biggest selling point for a trade chart is its flexibility in visual customization. No two people see the world the same way, let alone trade charts! 馃榾

Programming My Own Trading Chart - Part 20 | Ecency