Livecharts更改默认图例

时间:2017-11-27 12:12:40

标签: wpf livecharts

这是我的问题。

我正在使用LiveCharts显示一些数据。 一切都很好,直到显示代表所有数据的图例。

chart with legend

是否可以根据例如颜色(Stroke)或DefaultGeometries显示图例?

先谢谢你的帮助,

1 个答案:

答案 0 :(得分:0)

我知道这有点晚了但是我想做类似的事情,所以这就是我能想到的。

您需要创建一个新集合并按照Live Charts Energy Predictions

的示例进行操作

首先,您需要为图表

设置LegendLocation =“None”
<wpf:CartesianChart Hoverable="False" DataTooltip="{x:Null}" DisableAnimations="True" LegendLocation="None" Series="{Binding AllSeries, ElementName=FastGraphRoot}">

新传奇代码(在.xaml中重要的部分):

<ListBox Name="ListBox" MinHeight="250" ItemsSource="{Binding AllSeriesGroupByName, ElementName=FastGraphRoot}" Panel.ZIndex="1" BorderThickness="0" Background="Transparent">
        <ListBox.ItemTemplate>
            <DataTemplate DataType="{x:Type wpf:LineSeries}">
                <TextBlock Text="{Binding Title}" 
                           Foreground="{Binding Stroke}"
                           FontSize="24"/>
            </DataTemplate>
        </ListBox.ItemTemplate>
        <ListBox.ItemContainerStyle>
            <Style TargetType="{x:Type ListBoxItem}">
                <Setter Property="Background" Value="Transparent" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type ListBoxItem}">
                            <ContentPresenter />
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </ListBox.ItemContainerStyle>
    </ListBox>

Binded列表将来自原始系列但已分组,我使用了一个属性:

private SeriesCollection _allSeriesGroupByName = new SeriesCollection();
public SeriesCollection AllSeriesGroupByName { get { return _allSeriesGroupByName; } set { _allSeriesGroupByName = value; OnPropertyChanged(); } }

您可以使用此代码(或您认为更快的其他任何内容)填写它:

var col = collection.GroupBy(g => ((LineSeries)g).Stroke).Select(p => p.First());
AllSeriesGroupByName = new SeriesCollection();
foreach (var c in col)
{
    AllSeriesGroupByName.Add(c);
}