在WPF LineSeries DataPoint上添加事件 [英] Adding events on WPF LineSeries DataPoint

问题描述

我正在使用WPF Toolkit绘制折线图（我们应用程序的功能）。给定一个Collection，我就可以绘制该图，但是，当用户双击该图上的DataPoint时，我发现很难获得X和Y数据值（而不是折线图中的Co-Ordinate值） ）。

I am using WPF Toolkit to draw a line chart (a feature on our application). Given a Collection, I am able to plot the graph, however, when the user double clicks on the DataPoint on the graph, I am finding it difficult to get the X and Y data value (not the Co-Ordinate value in the line graph).

我可以使用DataPointStyle设置属性，但无法向其中添加事件。

I am able to set property using DataPointStyle, but unable to add event to it.

如果我在LineSeries节点上使用 MouseDoubleClick = lineChart_ShowResults_DoubleClick 属性，然后在用户单击任意点时触发事件。但是，如果用户单击DataPoint，我需要仅触发事件。以下是我尝试实现的XAML。

If I use MouseDoubleClick="lineChart_ShowResults_DoubleClick" property on the LineSeries node, then it triggers an event when user clicks on any point. But, I need to trigger the event only if the user clicks on the DataPoint. The following is the XAML that I tried to implement. Please help.

<Window x:Class="TeamXXX.YYYUI.GraphicalDisplay"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="GraphicalDisplay" Height="400" Width="600" xmlns:chartingToolkit="clr-namespace:System.Windows.Controls.DataVisualization.Charting;assembly=System.Windows.Controls.DataVisualization.Toolkit" mc:Ignorable="d" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" d:DesignHeight="439" d:DesignWidth="654" SizeToContent="WidthAndHeight">
<ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
    <Grid MinHeight="360" MinWidth="575" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
        <chartingToolkit:Chart Name="lineChart" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
            <chartingToolkit:Chart.LegendStyle>
                <Style TargetType="Control">
                    <Setter Property="Height" Value="0" />
                    <Setter Property="Width" Value="0" />
                </Style>
            </chartingToolkit:Chart.LegendStyle>
            <chartingToolkit:LineSeries DependentValuePath="Value" Name="lineSeries" IndependentValuePath="Key" ItemsSource="{Binding}" IsSelectionEnabled="True" MouseDoubleClick="lineChart_ShowResults_DoubleClick">

                <!--<chartingToolkit:LineSeries.DataPointStyle>
                    <Style x:Uid="CommonLineSeriesDataPoint" TargetType="chartingToolkit:LineDataPoint">
                        <Setter Property="" Property="lineChart_ShowResults_DoubleClick"/>
                    </Style>
                </chartingToolkit:LineSeries.DataPointStyle>-->

                <chartingToolkit:LineSeries.DependentRangeAxis>
                    <chartingToolkit:LinearAxis Orientation="Y" Title="Cost in minutes" FontSize="16" />
                </chartingToolkit:LineSeries.DependentRangeAxis>
                <chartingToolkit:LineSeries.IndependentAxis>
                    <chartingToolkit:LinearAxis Orientation="X" Title="Fold" FontSize="16" />
                </chartingToolkit:LineSeries.IndependentAxis>
            </chartingToolkit:LineSeries>
        </chartingToolkit:Chart>
    </Grid>
</ScrollViewer>
</Window>

推荐答案

如您所说，该事件在单击时触发任何点，因为事件已分配给LineSeries。在此行上（来自您的帖子）

As you said, The event triggers upon a click on any of the points because the event is assigned to the LineSeries. On this line (from your post)

<chartingToolkit:LineSeries DependentValuePath="Value" Name="lineSeries" IndependentValuePath="Key" ItemsSource="{Binding}" IsSelectionEnabled="True" MouseDoubleClick="lineChart_ShowResults_DoubleClick">

通过进入LineSeries.DataPointStyle，您处在正确的道路上，但我认为您应该定义一个事件二传手而不是二传手。
像这样：

You were in the right path by going into LineSeries.DataPointStyle but I believe that you should define an event setter instead of a setter. Like this:

<chartingToolkit:LineSeries.DataPointStyle>
    <Style>
        <EventSetter>
            <EventSetter Event="Control.MouseDoubleClick" Handler="lineChart_ShowResults_DoubleClick"/>     
        </EventSetter>      
    </Style> </chartingToolkit:LineSeries.DataPointStyle>
</chartingToolkit:LineSeries.DataPointStyle>

显然可以删除LineSeries上的事件处理。

And obviously remove the event handling on the LineSeries.

我没有尝试过，请告诉我它是否有效

I did not try it, let me know if it works

这篇关于在WPF LineSeries DataPoint上添加事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！