Few questions on current capabilities of Graphic about graphic

[entronad]

Thanks for your attention.

1. The right alignment can be set by position: 1 (Which means at the end of the cross axis) and flip: true (Which means labels at the right side of the axis line) in the axis specification.

2. Multiple elements can be in the same chart. In your case, you need three in the elements list: a LineElement for price, a AreaElement with the same data of LineElement for gradient shadow, and an IntervalElement for volume. You can set axis and scale for each of them.

3. I have to say your feeling is right. It is not possible to set two sub-charts in a chart (called "facets" in visualization) or let two
   different charts have a corresponding x axis now. That involves complex layout or data channel rules, which need a lot of work. They may be implemented in the future.

[tlvenn]

Ha awesome, thanks a lot for your prompt reply @entronad , 1 & 2 are very important to me and to a graph in general so very glad to know that this is actually already supported. I will try to create a PR and modify one example to demonstrate each.

As for 3, I don't really need it right now but for sure it would be very neat in the future but I get this is more complex. Facets (did not know that word was used in that context when it comes to visualization / graph) is definitely what I would be interested in.

This demo from ECharts has it, the declaration of the graph might give you some ideas or you actually might know how you want to expose it already but I am linking it just in case it is useful. They are basically declaring multiple X & Y axis and mapping elements (series in their language) to each. Of course I understand that most of the complexity comes from actually doing something useful with it 😄

https://echarts.apache.org/examples/en/editor.html?c=candlestick-brush

[entronad]

About corresponding of the price chart above and volume chart below, it has been possible in v0.9.0 by a method called Interaction Channel:

graphic/example/lib/pages/interaction_channel_dynamic.dart

Line 74 in 5498c6e

Container(