KB-ChartView closest data point

knowledge-base/chartview-scatterseries-closest-point-mouseclick.md

@@ -0,0 +1,117 @@
+---
+title: Finding the Nearest ScatterDataPoint to a Mouse Click in RadChartView
+description: Learn how to determine the closest ScatterDataPoint in a RadChartView when the user clicks within the chart area.
+type: how-to
+page_title: How to Identify the Closest ScatterDataPoint to a Mouse Click in RadChartView
+slug: chartview-scatterseries-closest-point-mouseclick
+tags: radchartview, scatterdatapoint, winforms, mouseeventargs, chart-axes
+res_type: kb
+ticketid: 1686235
+---
+
+## Environment
+
+|Product Version|Product|Author|
+|----|----|----|
+|2025.1.211|RadChartView for WinForms|[Dinko Krastev](https://www.telerik.com/blogs/author/dinko-krastev)|
+
+## Description
+
+This article will demonstrate how to determine the nearest ScatterDataPoint to a mouse click location using the mouse click position. 
+
+![WinForms RadChartView ClosestDataPoint](images/chartView-closestdatapoint.png)
+
+## Solution
+
+To achieve this, calculate the axis values corresponding to the mouse click position on the chart. Then iterate over the data points in the series and determine the closest one. 
+
+ Once the closest point is identified, you can create an additional ScatterSeries and add a duplicate ScatterDataPoint with the same values. This secondary series can be used to visually highlight the nearest data point.
+
+The following code snippet demonstrates a full implementation.
+
+````C#
+public partial class Form1 : Form
+{
+    ScatterSeries scatterSeries = new ScatterSeries();
+    public Form1()
+    {
+        InitializeComponent();
+        scatterSeries.Name = "";
+        scatterSeries.DataPoints.Add(new ScatterDataPoint(19000, 15));
+        scatterSeries.DataPoints.Add(new ScatterDataPoint(10000, 18));
+        scatterSeries.DataPoints.Add(new ScatterDataPoint(15000, 13));
+        scatterSeries.DataPoints.Add(new ScatterDataPoint(80000, 10));
+        scatterSeries.DataPoints.Add(new ScatterDataPoint(60000, 25));
+        scatterSeries.PointSize = new SizeF(5, 5);
+        this.radChartView1.Series.Add(scatterSeries);
+
+        this.radChartView1.MouseDown += RadChartView1_MouseDown;
+    }
+    private void RadChartView1_MouseDown(object sender, MouseEventArgs e)
+    {
+        Point pt = this.radChartView1.ChartElement.Wrapper.PointFromControl(e.Location);
+        double verticalValue = Convert.ToDouble(GetVerticalAxisValueFromMouse(e));
+        double horizontalValue = Convert.ToDouble(GetHorizontalAxisValueFromMouse(e));
+
+        Debug.WriteLine("X: " + horizontalValue + "  Y: " + verticalValue);
+
+        ScatterDataPoint closestPoint = null;
+        double minDistance = double.MaxValue;
+
+        var seriesToRemove = this.radChartView1.Series.FirstOrDefault(s => s.Name =="Closest Point");
+        if (seriesToRemove != null)
+        {
+            this.radChartView1.Series.Remove(seriesToRemove);
+        }
+        foreach (ScatterDataPoint dataPoint in scatterSeries.DataPoints)
+        {
+            // Calculate the Euclidean distance
+            double distance = Math.Sqrt(Math.Pow(dataPoint.XValue - horizontalValue, 2) + Math.Pow((double)dataPoint.YValue - verticalValue, 2));
+            // Update the closest point if the current distance is smaller
+            if (distance < minDistance)
+            {
+                minDistance = distance;
+                closestPoint = dataPoint;
+            }
+        }
+
+        if (closestPoint != null)
+        {
+            var newScatterSeries = new ScatterSeries();
+            newScatterSeries.Name = "Closest Point";
+            newScatterSeries.DataPoints.Add(new ScatterDataPoint(closestPoint.XValue, (double)closestPoint.YValue));
+            newScatterSeries.PointSize = new SizeF(15, 15);
+            newScatterSeries.BorderColor = Color.Red;
+            this.radChartView1.Series.Add(newScatterSeries);
+            this.radChartView1.Invalidate();
+            this.radChartView1.Update();
+        }
+    }
+
+    private object GetHorizontalAxisValueFromMouse(MouseEventArgs e)
+    {
+        LinearAxis axis = radChartView1.Axes[0] as LinearAxis;
+        IChartView view = (IChartView)axis.View;
+        double delta = axis.ActualRange.Maximum - axis.ActualRange.Minimum;
+        double totalWidth = axis.Model.LayoutSlot.Width;
+        double ratio = 1 - (e.Location.X - this.radChartView1.Area.View.Viewport.X - view.PlotOriginX - axis.Model.LayoutSlot.X) / (totalWidth * view.ZoomWidth);
+        double value = axis.ActualRange.Minimum + delta * ratio;
+        return axis.ActualRange.Maximum - value;
+    }
+    private object GetVerticalAxisValueFromMouse(MouseEventArgs e)
+    {
+        LinearAxis axis = radChartView1.Axes[1] as LinearAxis;
+        IChartView view = (IChartView)axis.View;
+        double delta = axis.ActualRange.Maximum - axis.ActualRange.Minimum;
+        double totalHeight = axis.Model.LayoutSlot.Height;
+        double ratio = 1 - (e.Location.Y - this.radChartView1.Area.View.Viewport.Y - view.PlotOriginY - axis.Model.LayoutSlot.Y) / (totalHeight * view.ZoomHeight);
+        double value = axis.ActualRange.Minimum + delta * ratio;
+        return value;
+    }
+}
+
+````
+
+## See Also
+
+- [RadChartView Overview Documentation](https://docs.telerik.com/devtools/winforms/controls/chartview/overview)

knowledge-base/menu-highlight-last-click-item.md

@@ -0,0 +1,132 @@
+---
+title: Highlight the Last Selected Menu Item In RadMenu 
+description: Learn how to keep selected menu items highlighted in RadMenu for WinForms by implementing custom code.
+type: how-to
+page_title: Highlighting Selected Menu Items in RadMenu for WinForms
+slug: menu-highlight-last-click-item
+tags: menus, winforms, menu-item, highlight
+res_type: kb
+ticketid: 1687046
+---
+
+## Environment
+
+|Product Version|Product|Author|
+|----|----|----|
+|2025.1.211|RadMenu for WinForms|[Dinko Krastev](https://www.telerik.com/blogs/author/dinko-krastev)|
+
+## Description
+
+A common requirement is to highlight the last selected RadMenuItem. This article will demonstrate how this can be achieved.
+
+## Solution
+
+RadMenu for WinForms does not support this behavior out of the box. To achieve it, use custom code to manage the highlighting of the menu items. Subscribe to the `Click` event of each `RadMenuItem` and implement logic to change the `BackColor` property of the clicked item while resetting the previous item's background.
+
+### Example Code
+
+Below is a code example demonstrating the custom solution:
+
+````C#
+
+public partial class Form2 : Form
+{
+    public Form2()
+    {
+        InitializeComponent();
+        DesertTheme desertTheme = new DesertTheme();
+        ThemeResolutionService.ApplicationThemeName = desertTheme.ThemeName;
+        foreach (RadMenuItem item in this.radMenu1.Items)
+        {
+            item.Click += RadMenuItem_Click;
+            foreach (RadMenuItem subItem in item.Items)
+            {
+                subItem.Click += RadMenuItem_Click;
+            }
+        }
+    }
+    RadMenuItem lastSelectedMenuItem = null;
+    RadMenuItem lastSelectedSubMenuItem = null;
+
+    void ResetColor(RadMenuItem radMenuItem)
+    {
+        if (radMenuItem != null)
+        {
+            radMenuItem.FillPrimitive.BackColor = Color.Transparent;
+            radMenuItem.FillPrimitive.GradientStyle = GradientStyles.Linear;
+        }
+    }
+
+    void ResetColor(RadMenuItem radMenuItem)
+{
+    if (radMenuItem != null)
+    {
+        radMenuItem.FillPrimitive.ResetValue(Telerik.WinControls.Primitives.FillPrimitive.BackColorProperty, Telerik.WinControls.ValueResetFlags.Local);
+        radMenuItem.FillPrimitive.ResetValue(Telerik.WinControls.Primitives.FillPrimitive.GradientStyleProperty, Telerik.WinControls.ValueResetFlags.Local);
+    }
+}
+
+    private void RadMenuItem_Click(object sender, EventArgs e)
+    {
+        var newSelectedMenuItem = sender as RadMenuItem;
+
+        if (newSelectedMenuItem != null)
+        {
+            if (lastSelectedMenuItem == null)
+            {
+                lastSelectedMenuItem = newSelectedMenuItem;
+                ChangeColor(lastSelectedMenuItem);
+            }
+            else
+            {
+                var text1 = this.lastSelectedMenuItem.Text;
+                var text2 = newSelectedMenuItem.Text;
+
+                if (newSelectedMenuItem.HierarchyParent is RadMenuItem parentMenuItem)
+                {
+                    if (lastSelectedSubMenuItem != newSelectedMenuItem)
+                    {
+                        ResetColor(lastSelectedSubMenuItem);
+                    }
+                    lastSelectedSubMenuItem = newSelectedMenuItem;
+                    ChangeColor(lastSelectedSubMenuItem);
+
+                    if (lastSelectedMenuItem != null)
+                    {
+                        ResetColor(lastSelectedMenuItem);
+                    }
+
+                    lastSelectedMenuItem = parentMenuItem;
+                    ChangeColor(parentMenuItem);
+
+                }
+                else
+                {
+                    if (lastSelectedMenuItem == newSelectedMenuItem)
+                    {
+                        return;
+                    }
+                    if (lastSelectedSubMenuItem != null)
+                    {
+                        ResetColor(lastSelectedSubMenuItem);
+                    }
+
+                    ResetColor(lastSelectedMenuItem);
+
+                    lastSelectedMenuItem = newSelectedMenuItem;
+                    ChangeColor(newSelectedMenuItem);
+                }                    
+            }
+        }
+    }
+}
+
+````
+
+### Notes
+
+- The code supports one level of subitems. For deeper hierarchies, extend the logic to support multiple levels of hierarchy.
+
+## See Also
+
+- [RadMenu Documentation](https://docs.telerik.com/devtools/winforms/controls/menus/menu/overview)