binding - UWP StackedLineSeries no muestra valores

winrt-xaml data-visualization

Question

Estoy tratando de usar WinRTXamlToolkit.Controls.DataVisualization.UWP

tratando de dibujar cualquiera de los gráficos apilados como este:

Pero solo esto sale a la luz:

Por favor, ayúdenme, tengo que usar series apiladas pero el marco no funciona como debería ser ...

Answer 1

Como no sé cómo se define el código, simplemente proporciono el código de muestra de la siguiente manera que puede crear un gráfico de StackedLineSeries éxito.

Código XAML

<Page
x:Class="CStackLineChat.MainPage"
...
xmlns:charting="using:WinRTXamlToolkit.Controls.DataVisualization.Charting"
mc:Ignorable="d">
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" Padding="50" >
<charting:Chart x:Name="MyChart" Title="Stacked column Chart">
<charting:StackedLineSeries>
<charting:StackedLineSeries.SeriesDefinitions>
<charting:SeriesDefinition
DependentValuePath="Amount"
IndependentValuePath="Name"
IsTapEnabled="True"
Title="Doodad" />
<charting:SeriesDefinition
Title="Stan2"
DependentValuePath="Amount"
IndependentValuePath="Name"/>
</charting:StackedLineSeries.SeriesDefinitions>
</charting:StackedLineSeries>
</charting:Chart>
</Grid>
</Page>

Código detrás

public sealed partial class MainPage : Page
{
private Random _random = new Random();
List<NameValueItem> Records = new List<NameValueItem>();
List<NameValueItem> Records2 = new List<NameValueItem>();
public MainPage()
{
this.InitializeComponent();
for (int i = 0; i < 5; i++)
{
Records.Add(new NameValueItem { Name = "Name" + i, Amount = _random.Next(10, 100) });
Records2.Add(new NameValueItem { Name = "Name" + i, Amount = _random.Next(10, 100) });
}
this.RunIfSelected(this.MyChart, () => ((StackedLineSeries)this.MyChart.Series[0]).SeriesDefinitions[0].ItemsSource = Records);
this.RunIfSelected(this.MyChart, () => ((StackedLineSeries)this.MyChart.Series[0]).SeriesDefinitions[1].ItemsSource = Records2);
}
private void RunIfSelected(UIElement element, Action action)
{
action.Invoke();
}
}
public class NameValueItem
{
public string Name { get; set; }
public int Amount { get; set; }
}

Y el resultado

Además, al probarlo por mi parte, parece que las propiedades DependentValuePath e IndependentValuePath no pueden enlazarse directamente en su escenario. La mejor forma de utilizar este paquete es seguir la muestra oficial . Aquí está la muestra del gráfico.