WPF如何实现在一个自定义控件里使用 LiveCharts 显示两个图表

要在WPF自定义控件中使用LiveCharts显示两个图表，可以使用以下步骤：

1. 引用LiveCharts NuGet包。

2. 在自定义控件的XAML文件中，添加LiveCharts的命名空间：xmlns:lvc="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf"

3. 在自定义控件的XAML文件中，添加两个LiveCharts的控件（比如LineSeries、ColumnSeries等），并分别设置它们的数据源和属性。

4. 在自定义控件的代码文件中，为每个LiveCharts控件创建一个依赖属性，并在属性变化时重新绘制图表。

下面是一个简单的示例代码，其中MyCustomControl是自定义控件，其中包含两个LiveCharts控件：

public class MyCustomControl : Control
{
    static MyCustomControl()
    {
        DefaultStyleKeyProperty.OverrideMetadata(typeof(MyCustomControl), new FrameworkPropertyMetadata(typeof(MyCustomControl)));
    }

    public SeriesCollection Series1
    {
        get { return (SeriesCollection)GetValue(Series1Property); }
        set { SetValue(Series1Property, value); }
    }

    public static readonly DependencyProperty Series1Property =
        DependencyProperty.Register("Series1", typeof(SeriesCollection), typeof(MyCustomControl), new PropertyMetadata(null, OnSeries1PropertyChanged));

    private static void OnSeries1PropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        var control = d as MyCustomControl;
        control.DrawChart1();
    }

    public SeriesCollection Series2
    {
        get { return (SeriesCollection)GetValue(Series2Property); }
        set { SetValue(Series2Property, value); }
    }

    public static readonly DependencyProperty Series2Property =
        DependencyProperty.Register("Series2", typeof(SeriesCollection), typeof(MyCustomControl), new PropertyMetadata(null, OnSeries2PropertyChanged));

    private static void OnSeries2PropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        var control = d as MyCustomControl;
        control.DrawChart2();
    }

    private void DrawChart1()
    {
        //绘制第一个图表
        chart1.Series = Series1;
    }

    private void DrawChart2()
    {
        //绘制第二个图表
        chart2.Series = Series2;
    }

    private LiveCharts.Wpf.CartesianChart chart1;
    private LiveCharts.Wpf.CartesianChart chart2;

    public override void OnApplyTemplate()
    {
        base.OnApplyTemplate();

        chart1 = GetTemplateChild("PART_Chart1") as LiveCharts.Wpf.CartesianChart;
        chart2 = GetTemplateChild("PART_Chart2") as LiveCharts.Wpf.CartesianChart;

        DrawChart1();
        DrawChart2();
    }
}

在自定义控件的XAML文件中，可以使用以下代码来定义两个LiveCharts控件：

<Style TargetType="{x:Type local:MyCustomControl}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type local:MyCustomControl}">
                <Grid>
                    <lvc:CartesianChart x:Name="PART_Chart1" />
                    <lvc:CartesianChart x:Name="PART_Chart2" />
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

然后，在使用自定义控件的地方，可以使用以下代码来设置两个图表的数据源：

<local:MyCustomControl Series1="{Binding Data1}" Series2="{Binding Data2}" />

其中，Data1和Data2是两个SeriesCollection类型的数据源，可以在ViewModel中定义并绑定到视图中。