wpf liveCharts Dragable Sections

In WPF LiveCharts, you can make sections draggable by using the `DraggableUIElement` class provided by LiveCharts. Here's an example of how you can make sections draggable in LiveCharts:

1. First, make sure you have added the LiveCharts.Wpf NuGet package to your project.

2. In your XAML, add the namespace reference for LiveCharts:

xmlns:lvc="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf"

3. Create a CartesianChart and add an AxisSection with the `DraggableUIElement`:

<lvc:CartesianChart>
    <lvc:CartesianChart.AxisX>
        <lvc:Axis>
            <lvc:Axis.Sections>
                <lvc:AxisSection Stroke="Red">
                    <lvc:AxisSection.UIElement>
                        <lvc:DraggableUIElement DragStarted="AxisSection_DragStarted" DragDelta="AxisSection_DragDelta">
                            <!-- Your content here -->
                        </lvc:DraggableUIElement>
                    </lvc:AxisSection.UIElement>
                </lvc:AxisSection>
            </lvc:Axis.Sections>
        </lvc:Axis>
    </lvc:CartesianChart.AxisX>
</lvc:CartesianChart>

4. Handle the `DragStarted` and `DragDelta` events in your code-behind:

private void AxisSection_DragStarted(object sender, LiveCharts.Events.AxisSectionDragStartedEventArgs e)
{
    // Drag started event handler
}

private void AxisSection_DragDelta(object sender, LiveCharts.Events.AxisSectionDragDeltaEventArgs e)
{
    // Drag delta event handler
    // You can update the position or other properties of the AxisSection here
}

In the above code, we used the `DraggableUIElement` as the content of the AxisSection. This allows us to handle the `DragStarted` and `DragDelta` events to implement custom drag behavior. You can update the position, size, or any other properties of the AxisSection in the `DragDelta` event handler.

Make sure to set appropriate styles and properties for the `DraggableUIElement` to make it visually draggable. You can customize the appearance of the draggable section based on your requirements.

Note that this example assumes you are using a CartesianChart, but you can apply the same approach to other chart types in LiveCharts as well.