Add data zoom controls to the diagnostics charts
All checks were successful
/ test (pull_request) Successful in 3m50s

This commit is contained in:
Aaron Fenyes 2025-06-17 14:07:51 -07:00
parent 0be7448e24
commit 99136498c7

View file

@ -1,7 +1,7 @@
use charming::{
Chart,
WasmRenderer,
component::{Axis, Grid},
component::{Axis, DataZoom, Grid},
element::AxisType,
series::{Line, Scatter},
};
@ -91,9 +91,10 @@ fn LossHistory() -> View {
}
let chart = Chart::new()
.animation(false)
.data_zoom(DataZoom::new().y_axis_index(0).right(40).start(0).end(100))
.x_axis(step_axis)
.y_axis(scaled_loss_axis)
.grid(Grid::new().top(20).right(40).bottom(30).left(60))
.grid(Grid::new().top(20).right(80).bottom(30).left(60))
.series(scaled_loss_series);
renderer.render(CONTAINER_ID, &chart).unwrap();
});
@ -143,9 +144,10 @@ fn SpectrumHistory() -> View {
}
let chart = Chart::new()
.animation(false)
.data_zoom(DataZoom::new().y_axis_index(0).right(40).start(0).end(100))
.x_axis(step_axis)
.y_axis(eigval_axis)
.grid(Grid::new().top(20).right(40).bottom(30).left(60))
.grid(Grid::new().top(20).right(80).bottom(30).left(60))
.series(eigval_series);
renderer.render(CONTAINER_ID, &chart).unwrap();
});