C# 线形图（lvChart）上的自定义工具提示

我将一步一步地尝试为折线图点构建自定义工具提示。但是我得到了空的工具提示内容。除了对ChartValues类型使用ObservalEvalue之外，我的代码与lvChart教程中使用的代码几乎相同。我没有使用任何MV**

是否有人编写了教程或在折线图上应用自定义工具提示

Main.xaml

<lvc:CartesianChart.DataTooltip>
    <local:MyTooltip />
</lvc:CartesianChart.DataTooltip>

<UserControl x:Class="MyNamespace.MyTooltip"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:sys="clr-namespace:System;assembly=mscorlib"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:local="clr-namespace:MyNamespace"
             xmlns:lvc="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf"
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300" 
             d:DataContext="{d:DesignInstance local:MyTooltip}"
             Background="#E4555555" Padding="20 10" BorderThickness="2" BorderBrush="#555555">

    <ItemsControl ItemsSource="{Binding Data.Points}" Grid.IsSharedSizeScope="True">
        <ItemsControl.ItemTemplate>
            <DataTemplate DataType="{x:Type lvc:DataPointViewModel}">
                <Grid Margin="2">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="Auto" SharedSizeGroup="Name"/>
                        <ColumnDefinition Width="Auto" SharedSizeGroup="Value"/>
                    </Grid.ColumnDefinitions>

                    <TextBlock Grid.Column="1" Text="{Binding ChartPoint.Instance.(local:MyTooltipContent.Name)}" 
                               Margin="5 0 0 0" VerticalAlignment="Center" Foreground="White" />

                    <TextBlock Grid.Column="2" Text="{Binding ChartPoint.Instance.(local:MyTooltipContent.Value)}" 
                               Margin="5 0 0 0" VerticalAlignment="Center" Foreground="White"/>

                </Grid>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>
</UserControl>

MyTooltipContent.cs

MyTooltipContents = new ChartValues<MyTooltipContent>();

for (int i = 0; i < MyData.Count(); i++)
{
    MyTooltipContents.Add(new MyTooltipContent
    {
        Name = "No" + i,
        Value = "Foo"
    });     
}

var MyTooltipContentMapper = Mappers.Xy<MyTooltipContent>()
    .X((value, index) => index) 
    .Y(value => 1);          

//lets save the mapper globally
Charting.For<MyTooltipContent>(MyTooltipContentMapper);
DataContext = this;

public partial class MyTooltip : IChartTooltip
{
    private TooltipData _data;

    public MyTooltip()
    {
        InitializeComponent();
        DataContext = this;
    }

    public event PropertyChangedEventHandler PropertyChanged;

    public TooltipData Data
    {
        get { return _data; }
        set
        {
            _data = value;
            OnPropertyChanged("Data");
        }
    }

    public TooltipSelectionMode? SelectionMode { get; set; }

    protected virtual void OnPropertyChanged(string propertyName = null)
    {
        if (PropertyChanged != null)
            PropertyChanged.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

public class MyTooltipContent
{
    public string Name { get; set; }
    public string Value { get; set; }
}

---

我复制了你的例子，它对我很有用

您可能希望查看Main.xaml.cs上的

MyTooltipContents

声明，该声明应为公共属性：

    public ChartValues<MyTooltipContent> MyTooltipContents { get; set; }

public ChartValues MyTooltipContents{get；set；}

我不知道是什么给了你你的系列产品，但我在MainWindow.xaml上使用了这个系列（对应于你的Main.xaml）：

请注意，

MyTooltipContents

已绑定到

LineSeries

编辑：包括屏幕截图

<Window x:Class="MyToolTipExample.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:MyToolTipExample"
        xmlns:lvc="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <lvc:CartesianChart LegendLocation="Right">
            <lvc:CartesianChart.Series>
                <lvc:LineSeries Title="Customers" Values="{Binding MyTooltipContents}"></lvc:LineSeries>
            </lvc:CartesianChart.Series>

            <lvc:CartesianChart.DataTooltip>
                <local:MyTooltip/>
            </lvc:CartesianChart.DataTooltip>
        </lvc:CartesianChart>
    </Grid>
</Window>