与图例项关联的 C# WPF LiveCharts 切换图表答案

【问题标题】：C# WPF LiveCharts toggle chart associated to legend item与图例项关联的 C# WPF LiveCharts 切换图表
【发布时间】：2018-08-14 12:41:45
【问题描述】：

您好，任何人都可以建议如何在图例项单击切换图表可见性（开/关）上制作 LiveCharts，代码如下：

<lvc:CartesianChart Height="312" Width="389" LegendLocation="Bottom" Pan="None">
                        <lvc:CartesianChart.ChartLegend>
                            <lvc:DefaultLegend Tag="1" MouseLeftButtonDown="DefaultLegend_Click">
                            </lvc:DefaultLegend>
                        </lvc:CartesianChart.ChartLegend>
                        <lvc:CartesianChart.DataTooltip>
                            <lvc:DefaultTooltip SelectionMode="SharedYInSeries" />
                        </lvc:CartesianChart.DataTooltip>
                        <lvc:CartesianChart.Series>
                            <lvc:LineSeries Visibility="Visible" Values="9,5,5,1,0,8" Title="Chart One"/>
                            <lvc:LineSeries x:Name="FirstChart" Visibility="Visible" Values="19,15,15,11,10,18" Title="Chart Two"/>
                        </lvc:CartesianChart.Series>
                    </lvc:CartesianChart>

我尝试使用 Livecharts 示例，但分配 mouseleftbutton 事件不适用于图例项，而是整个层，如何仅在项上分配事件而不是整个图例层？

【问题讨论】：

标签： c# wpf livecharts

【解决方案1】：

您必须覆盖默认模板才能在单个图例上接收 MouseLeftButtonDown 事件，因为默认图例只是系列的集合。

<lvc:DefaultLegend.Template>
    <ControlTemplate>
        <ItemsControl ItemsSource="{Binding Series}">
            <ItemsControl.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel Orientation="Horizontal" />
                </ItemsPanelTemplate>
            </ItemsControl.ItemsPanel>
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal" MouseLeftButtonDown="StackPanel_MouseLeftButtonDown">
                        <Ellipse Height="16"
                                 Width="16"
                                 Stroke="{Binding Stroke}"
                                 StrokeThickness="{Binding StrokeThickness}" />
                        <TextBlock Text="{Binding Title}" Padding="5" Margin="5" />
                    </StackPanel>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>
    </ControlTemplate>
</lvc:DefaultLegend.Template>

【讨论】：