Allowing configure the length of the axis about plotters

[38]

Hi @serzhiio ,

I don't quite understand what do you mean by internally nested.

My understanding is you need two chart, the X axis is aligned and X axis is rendered in the middle of the upper chart and bottom chart.

If this is what you mean, that you should do is

1. vertically split the parent drawing area into two
2. build chart context on two drawing area with same X axis specification and different Y axis
3. make sure the upper chart is configured with X axis label area size > 0 and lower one is 0

Here's the sample code

    let (upper, lower) = root_area.split_vertically(300);

    let mut upper_chart = ChartBuilder::on(&upper)
        .x_label_area_size(40)
        .y_label_area_size(40)
        .build_ranged(0..100, 0..100)?;
    let mut lower_chart = ChartBuilder::on(&lower)
        .y_label_area_size(40)
        .build_ranged(0..100, -1.0f32..1.0f32)?;

    upper_chart.configure_mesh().disable_x_mesh().disable_y_mesh().draw()?;
    lower_chart.configure_mesh().disable_x_mesh().disable_y_mesh().draw()?;

And here's what it looks like

Hope this is helpful

[serzhiio]

Did you notice third chart on my screens Hot? чт, 12 сент. 2019 г., 21:39 Hao Hou <[email protected]>:

…

Hi @serzhiio <https://github.com/serzhiio> , I don't quite understand what do you mean by internally nested. My understanding is you need two chart, the X axis is aligned and X axis is rendered in the middle of the upper chart and bottom chart. If this is what you mean, that you should do is 1. vertically split the parent drawing area into two 2. build chart context on two drawing area with same X axis specification and different Y axis 3. make sure the upper chart is configured with X axis label area size > 0 and lower one is 0 Here's the sample code let (upper, lower) = root_area.split_vertically(300); let mut upper_chart = ChartBuilder::on(&upper) .x_label_area_size(40) .y_label_area_size(40) .build_ranged(0..100, 0..100)?; let mut lower_chart = ChartBuilder::on(&lower) .y_label_area_size(40) .build_ranged(0..100, -1.0f32..1.0f32)?; upper_chart.configure_mesh().disable_x_mesh().disable_y_mesh().draw()?; lower_chart.configure_mesh().disable_x_mesh().disable_y_mesh().draw()?; And here's what it looks like [image: image] <https://user-images.githubusercontent.com/3023614/64811365-587ef900-d55a-11e9-85a8-75d36a55ee7b.png> Hope this is helpful — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#31>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ACPXFN6RZLM4WKXHDBGST4TQJKEGTANCNFSM4IWG33XQ> .

[38]

Or you mean a chart with an additional Y axis ?

[serzhiio]

Yeah, that one чт, 12 сент. 2019 г., 21:48 Hao Hou <[email protected]>:

…

Or you mean a chart with another Y axis ? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#31>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ACPXFNYSAONJOIBJS2XUDZ3QJKFIPANCNFSM4IWG33XQ> .

[38]

Ah, I see, this is a feature I am currently working on. It's available on the master branch currently.

The sample code like this.

    let mut chart = ChartBuilder::on(&root_area)
        .x_label_area_size(40)
        .y_label_area_size(40)
        .right_y_label_area_size(40)
        .build_ranged(0..100, 0..100)?
        .set_secondary_coord(0..100, -1.0f32..1.0f32);

    chart.configure_mesh().disable_x_mesh().disable_y_mesh().draw()?;
    chart.configure_secondary_axes().draw()?;

And it will produce

[serzhiio]

And if i want that second y axis to be smaller, like 20%of full height? чт, 12 сент. 2019 г., 21:56 Hao Hou <[email protected]>:

…

Ah, I see, this is a feature I am currently working on. It's available on the master branch currently. The sample code like this. let mut chart = ChartBuilder::on(&root_area) .x_label_area_size(40) .y_label_area_size(40) .right_y_label_area_size(40) .build_ranged(0..100, 0..100)? .set_secondary_coord(0..100, -1.0f32..1.0f32); chart.configure_mesh().disable_x_mesh().disable_y_mesh().draw()?; chart.configure_secondary_axes().draw()?; And it will produce [image: image] <https://user-images.githubusercontent.com/3023614/64812577-c3313400-d55c-11e9-8304-d931dace6146.png> — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#31>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ACPXFN5RUS54JDG5VVALZNTQJKGGZANCNFSM4IWG33XQ> .

[38]

Ah, I see, this is a feature request then. But I need to think about how to handle this reasonably.

Currently, the hacky way to do that is we can

1. build the bigger chart
2. shrink the drawing area to bottom 20% of the orignial area
3. make the y axis on the right
4. draw it

    let mut chart = ChartBuilder::on(&root_area)
        .x_label_area_size(40)
        .y_label_area_size(40)
        .build_ranged(0..100, 0..100)?;

    chart.configure_mesh().disable_x_mesh().disable_y_mesh().draw()?;

    let (_, smaller_chart) = chart.plotting_area().strip_coord_spec().split_vertically(300);
    
    let mut chart = ChartBuilder::on(&smaller_chart)
        .right_y_label_area_size(40)
        .build_ranged(0..100, -1.0f32..1.0f32)?;

    chart.configure_mesh().disable_x_mesh().disable_y_mesh().draw()?;

[serzhiio]

Great, you are very helpful. Did i get that i need to define axes min/max values manually on chart init? чт, 12 сент. 2019 г., 22:08 Hao Hou <[email protected]>:

…

Ah, I see, this is a feature request then. But I need to think about how to handle this reasonably. Currently, the hacky way to do that is we can 1. build the bigger chart 2. shrink the drawing area to bottom 20% of the orignial area 3. make the y axis on the right 4. draw it [image: image] <https://user-images.githubusercontent.com/3023614/64813354-65055080-d55e-11e9-9ec7-29af2c16e24e.png> let mut chart = ChartBuilder::on(&root_area) .x_label_area_size(40) .y_label_area_size(40) .build_ranged(0..100, 0..100)?; chart.configure_mesh().disable_x_mesh().disable_y_mesh().draw()?; let (_, smaller_chart) = chart.plotting_area().strip_coord_spec().split_vertically(300); let mut chart = ChartBuilder::on(&smaller_chart) .right_y_label_area_size(40) .build_ranged(0..100, -1.0f32..1.0f32)?; chart.configure_mesh().disable_x_mesh().disable_y_mesh().draw()?; — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#31>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ACPXFN4GVNFSDTJATT3FGBLQJKHTXANCNFSM4IWG33XQ> .

[38]

Just implemented the feature. You should be abe to use the following code for this purpose.

    let mut chart = ChartBuilder::on(&root_area)
        .x_label_area_size(40)
        .y_label_area_size(40)
        .right_y_label_area_size(40)
        .build_ranged(0..100, 0..100)?
        .set_secondary_coord(0..100, make_partial_axis(0f32..10f32, 0.0..0.3).unwrap());

    chart.configure_mesh().disable_x_mesh().disable_y_mesh().draw()?;
    chart.configure_secondary_axes().y_labels(30).draw()?;

[serzhiio]

Great, but can i set the axis to overlay working surface? Now all axes are out of plot.
P.S.: It would be nice feature for any axis.

[38]

You mean the label ? Currently not, but I am going to expose the API allows to adjust the distance from the axis to the label. After that you should able to set the distance to a negative value to make that happen. :)

[38]

Hi @serzhiio , just want to have a follow up on how things going. And I am going to close this issue and create another one tracking the feature that makes the axis inside the plot.

Feel free to reopen it. And let me know if you have any other questions. :)

[serzhiio]

Do we really need to set y-axis range for partial axis?
.set_secondary_coord(0..100, make_partial_axis(0f32..10f32, 0.0..0.3).unwrap());
Seems y-axis is already exists for secondary coord?

[serzhiio]

... and how to draw chart using secondary axis?

[38]

Do we really need to set y-axis range for partial axis?
.set_secondary_coord(0..100, make_partial_axis(0f32..10f32, 0.0..0.3).unwrap());
Seems y-axis is already exists for secondary coord?

I am not sure what you mean. But this make_partial_axis gives you an ability to make an axis which only 30% of the entire range is shown on the axis.

... and how to draw chart using secondary axis?

And for this one, you should be able to use this: https://docs.rs/plotters/0.2.7/plotters/chart/struct.DualCoordChartContext.html#method.draw_secondary_series

[serzhiio]

Thx, already managed it.

[serzhiio]

With this configuration i cant draw second axis y-labels. They are just not printing out.

    let mut chart = ChartBuilder::on(&root_area)
        .x_label_area_size(40)
        .y_label_area_size(40)
        .right_y_label_area_size(40)
        .build_ranged(0..100, 0..100)?
        .set_secondary_coord(0..100, make_partial_axis(0f32..10f32, 0.0..0.3).unwrap());

    chart.configure_mesh().disable_x_mesh().disable_y_mesh().draw()?;
    chart.configure_secondary_axes().y_labels(30).draw()?;

[serzhiio]

Looks like the problem for is that there is no .label_style() mathod for secondary axes.

[38]

yep, just added in master.

…

On Tue, Oct 8, 2019, 16:01 serzhiio ***@***.***> wrote: Looks like the problem for is that there is no .label_style() mathod for secondary axes. — You are receiving this because you modified the open/close state. Reply to this email directly, view it on GitHub <#31>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AAXCF7Q4GGL32AG3QH52RU3QNT7MTANCNFSM4IWG33XQ> .