What do you need exactly?

Do you want a loading splash? Or to hide the chart until there is data? In either case you should just listen to the collectionchanged event on your collection and show the chart or remove the overlaid splash when the data arrives.

You should just be able to point the chart at a legend that you add to the page. Set its legend property. For example, if your legend has a name legend1 then you can do something like this: Legend="{Binding ElementName=legend1}"

I will try to listen the events, but that goes against my MVVM pattern.

And how do I bind the name of my elements of the GROUPBY ?

Thank you

Its not against the pattern, have something in your viewmodel listen to the event and change a visibility property on the viewmodel accordingly. Then have the chart or a splash bind to the visibility property on your viewmodel.

You will have to explain what you mean by the second question in more detail.

Hope this helps!

-Graham

My second question, I have this legend and I don't know how to bind the context to my GroupByItems. i want to show the KeyMemberPath name in my legend.

Legend:

<ig:Legend x:Name="xmLegend" 

HorizontalAlignment="Stretch" 

Background="Transparent" Padding="2"

BorderBrush="Transparent" 

Style="{x:Null}" 

VerticalAlignment="Top" 

Margin="2"

Content="{Binding Source={StaticResource grouped},Path= KeyMemberPath}">
</ig:Legend>

Groupby:

<igChart:GroupBy
            x:Key="grouped"
            ItemsSource="{Binding ValuesOfExcessVsEmissions,Mode=TwoWay}"
            GroupMemberPath="Date"
            KeyMemberPath="Name"
            ValueMemberPath="Total"/>

Looks like there is a bit of a functionality hole there for the auto generated case. I couldn't find a straightforward way to make the series title equal the key for that series.
So you may want to make a feature request. But you can do the below to work around the missing functionality.

<UserControl.Resources>
        <local:TestEmissionsCollection x:Key="data" />
        <igChart:GroupBy 
            x:Key="grouped"
            ItemsSource="{StaticResource data}" 
            GroupMemberPath="Date" 
            KeyMemberPath="Installation" 
            ValueMemberPath="Emission" />
        
        <local:KeyConverter x:Key="keyConverter" />
        
        <DataTemplate x:Key="keyLegendItemTemplate">
            <StackPanel Orientation="Horizontal" Margin="1" Visibility="{Binding Series.Visibility}">
                <ContentPresenter Content="{Binding}" ContentTemplate="{Binding Series.LegendItemBadgeTemplate}" />
                <ContentPresenter Content="{Binding Series.ValueMemberPath, Converter={StaticResource keyConverter}, ConverterParameter='_Emission'}"/>
            </StackPanel>
        </DataTemplate>
    </UserControl.Resources>

    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition Width="Auto" />
        </Grid.ColumnDefinitions>
        <igChart:XamDataChart x:Name="theChart"
                              Legend="{Binding ElementName=legend1}">
            <igChart:XamDataChart.Axes>
                <igChart:CategoryXAxis x:Name="xAxis" 
                                       ItemsSource="{StaticResource grouped}"
                                       Label="{}{Key}"/>
                <igChart:NumericYAxis x:Name="yAxis" />
            </igChart:XamDataChart.Axes>

            <igChart:XamDataChart.Series>
                <igChart:StackedColumnSeries x:Name="stack"
                                             ItemsSource="{StaticResource grouped}"
                                             XAxis="{Binding ElementName=xAxis}"
                                             YAxis="{Binding ElementName=yAxis}"
                                             AutoGenerateSeries="True"
                                             LegendItemTemplate="{StaticResource keyLegendItemTemplate}"
                                             >
                   
                </igChart:StackedColumnSeries>
            </igChart:XamDataChart.Series>
        </igChart:XamDataChart>
        
        <igChart:Legend x:Name="legend1" Grid.Column="1" />
    </Grid>
</UserControl>

And code behind:

 public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
        }
    }

    public class TestEmissionsCollection
        : ObservableCollection<InstalationEmissionDateInformation>
    {
        public TestEmissionsCollection()
        {
            Add(new InstalationEmissionDateInformation("A", 5, "1/1/2012", 1));
            Add(new InstalationEmissionDateInformation("B", 2, "1/1/2012", 1));
            Add(new InstalationEmissionDateInformation("C", 7, "1/1/2012", 1));
            Add(new InstalationEmissionDateInformation("A", 6, "1/2/2012", 1));
            Add(new InstalationEmissionDateInformation("B", 3, "1/2/2012", 1));
            Add(new InstalationEmissionDateInformation("C", 8, "1/2/2012", 1));
            Add(new InstalationEmissionDateInformation("A", 6, "1/3/2012", 1));
            Add(new InstalationEmissionDateInformation("B", 3, "1/3/2012", 1));
            Add(new InstalationEmissionDateInformation("C", 6, "1/3/2012", 1));
            Add(new InstalationEmissionDateInformation("A", 4, "1/4/2012", 1));
            Add(new InstalationEmissionDateInformation("B", 3, "1/4/2012", 1));
            Add(new InstalationEmissionDateInformation("C", 7, "1/4/2012", 1));
        }
    }

    public class InstalationEmissionDateInformation
    {
        public string Installation { get; set; }
        public Decimal Emission { get; set; }
        public string Date { get; set; }
        public Decimal Assignation { get; set; }

        public InstalationEmissionDateInformation(
            string installation, 
            Decimal emission, 
            string date, 
            Decimal assignation)
        {
            Installation = installation;
            Emission = emission;
            Date = date;
            Assignation = assignation;
        }
    }

    public class KeyConverter
        : IValueConverter
    {

        public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            if (value is string && parameter is string)
            {
                var key = (string)value;
                var param = (string)parameter;

                key = key.Replace(param, "");

                return key;
            }

            return "";
        }

        public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }

Hope this helps!
-Graham

Using the Sample above how do we properly format the Tooltip value?

Currently it is only displaying the value not the name.

Current Tooltip reads: Series Title: 7

Ideally we want: Emission: 7.

Thanks,

Michael

Using the sample above, how to we get the tooltip to provide meaningful text?

<igChart:StackedColumnSeries x:Name="stack"
ItemsSource="{StaticResource grouped}"
 XAxis="{Binding ElementName=xAxis}"
 YAxis="{Binding ElementName=yAxis}"
 AutoGenerateSeries="True"
 ShowDefaultTooltip="True">
</igChart:StackedColumnSeries>

See attached screenshot.

Thanks,

Michael

Got it now that I am awake. :-)

<Window x:Class="WpfAppStackedColumnSerie.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:WpfAppStackedColumnSerie"
xmlns:igChart="clr-namespace:Infragistics.Controls.Charts;assembly=InfragisticsWPF4.Controls.Charts.XamDataChart.v14.2"
xmlns:ig="http://schemas.infragistics.com/xaml"
Title="MainWindow" Height="350" Width="525">
<Window.Resources>
<local:TestEmissionsCollection x:Key="data" />
<ig:GroupBy x:Key="grouped"
ItemsSource="{StaticResource data}"
GroupMemberPath="Date"
KeyMemberPath="Installation"
ValueMemberPath="Emission" />
</Window.Resources>
<Grid>

Is GroupBy still available for WPF in version 15.1?

What is the namespace for "igChart"?

Snippet:

1. <UserControl.Resources>  
2.         <local:TestEmissionsCollection x:Key="data" />  
3.         <igChart:GroupBy   
4.             x:Key="grouped"  
5.             ItemsSource="{StaticResource data}"   
6.             GroupMemberPath="Date"   
7.             KeyMemberPath="Installation"   
8.             ValueMemberPath="Emission" />  
9.     </UserControl.Resources>  

Thanks,

Michael