Hi All,
After I set the theme of page to dark, the chart works fine but the metric doesn't play, please view the pic.
And here are the codes:
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<Charts:SfChart x:Name="cMainIO" Grid.Row="2">
<Charts:SfChart.Behaviors>
<Charts:ChartZoomPanBehavior/>
</Charts:SfChart.Behaviors>
<Charts:SfChart.PrimaryAxis>
<Charts:CategoryAxis x:Name="Primaryx" LabelFormat="MM/dd" />
</Charts:SfChart.PrimaryAxis>
<!--SecondaryAxis with range customization-->
<Charts:SfChart.SecondaryAxis>
<Charts:NumericalAxis RangePadding="Round" StartRangeFromZero="False" />
</Charts:SfChart.SecondaryAxis>
<Charts:ColumnSeries ItemsSource="{Binding}" XBindingPath="DataDate" YBindingPath="Value" Foreground='White' >
<Charts:ColumnSeries.CustomTemplate>
<DataTemplate>
<Canvas>
<Rectangle Fill="Red" Height="{Binding Height}" Width="{Binding Width}" Canvas.Left="{Binding RectX}" Canvas.Top="{Binding RectY}"></Rectangle>
</Canvas>
</DataTemplate>
</Charts:ColumnSeries.CustomTemplate>
</Charts:ColumnSeries>
</Charts:SfChart>
</Grid>
</Page>
using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Runtime.InteropServices.WindowsRuntime;
using Windows.Foundation;
using Windows.Foundation.Collections;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Controls.Primitives;
using Windows.UI.Xaml.Data;
using Windows.UI.Xaml.Input;
using Windows.UI.Xaml.Media;
using Windows.UI.Xaml.Navigation;
namespace App1
{
/// <summary>
/// An empty page that can be used on its own or navigated to within a Frame.
/// </summary>
public sealed partial class MainPage : Page
{
public MainPage()
{
this.InitializeComponent();
List<Modelx> ms = new List<Modelx>();
ms.Add(new Modelx() { DataDate = DateTime.Now.AddDays(-1), Value = 10 });
ms.Add(new Modelx() { DataDate = DateTime.Now, Value = 13 });
ms.Add(new Modelx() { DataDate = DateTime.Now.AddDays(1), Value = 7 });
cMainIO.DataContext = ms;
}
}
class Modelx
{
public DateTime DataDate { get; set; }
public int Value { get; set; }
}
}
Thanks.