egui-charts 0.2.0

High-performance financial charting engine for egui — candlesticks, 95 drawing tools, 130+ indicators, and a full design-token theme system
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96

//! Style tab - color, line width, line style.

use egui::{Color32, Ui};

use crate::ext::UiExt;
use crate::tokens::DESIGN_TOKENS;
use crate::ui::dialogs::drawing_properties::actions::{DrawingLineStyle, DrawingProps};
use crate::ui_kit::FormGrid;

/// Style tab renderer
pub struct StyleTab;

impl StyleTab {
    pub fn show(ui: &mut Ui, props: &mut DrawingProps) {
        ui.space_md();

        FormGrid::new("style_grid").show(ui, |ui| {
            // Color picker
            ui.label("Color:");
            ui.horizontal(|ui| {
                let mut color_arr = props.color.to_array();
                if ui
                    .color_edit_button_srgba_unmultiplied(&mut color_arr)
                    .changed()
                {
                    props.color = Color32::from_rgba_unmultiplied(
                        color_arr[0],
                        color_arr[1],
                        color_arr[2],
                        color_arr[3],
                    );
                }
            });
            ui.end_row();

            // Line width
            ui.label("Line Width:");
            ui.add(
                egui::Slider::new(&mut props.line_width, 1.0..=10.0)
                    .step_by(0.5)
                    .suffix("px"),
            );
            ui.end_row();

            // Line style
            ui.label("Line Style:");
            ui.combo_select(
                "line_style",
                &mut props.line_style,
                DrawingLineStyle::all(),
                |v| v.label().to_string(),
            );
            ui.end_row();

            // Fill options
            ui.label("Fill:");
            ui.checkbox(&mut props.fill_enabled, "Enable fill");
            ui.end_row();

            if props.fill_enabled {
                ui.label("Fill Color:");
                ui.horizontal(|ui| {
                    let fill = props
                        .fill_color
                        .unwrap_or(DESIGN_TOKENS.semantic.extended.accent.gamma_multiply(0.2));
                    let mut color_arr = fill.to_array();
                    if ui
                        .color_edit_button_srgba_unmultiplied(&mut color_arr)
                        .changed()
                    {
                        props.fill_color = Some(Color32::from_rgba_unmultiplied(
                            color_arr[0],
                            color_arr[1],
                            color_arr[2],
                            color_arr[3],
                        ));
                    }
                });
                ui.end_row();
            }

            // Extend options
            ui.label("Extend:");
            ui.horizontal(|ui| {
                ui.checkbox(&mut props.extend_left, "Left");
                ui.checkbox(&mut props.extend_right, "Right");
            });
            ui.end_row();

            // Show price
            ui.label("Labels:");
            ui.checkbox(&mut props.show_price, "Show price");
            ui.end_row();
        });
    }
}