Question

我在后面的代码中创建了一个SfChart。我没有收到任何错误，但图表没有显示在页面上。我认为这可能是我的Xaml的一个问题，但我不确定。我试过了示例here。我的问题类似于所有内容的构建和部署以及使用调试器逐步完成我可以看到获取数据的不同属性等。任何有关这方面的帮助都会很棒。

XAML：

  <StackLayout VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
        <Grid x:Name="ChartGrid">
            <syncfusion:SfChart>

            </syncfusion:SfChart>
        </Grid>
  </StackLayout>

背后的代码：

 ChartGrid.BindingContext = theViewModel;
                chart.PrimaryAxis = new DateTimeAxis();
                chart.PrimaryAxis.Title.Text = "Date";
                chart.Legend = new ChartLegend();
                chart.Legend.DockPosition = LegendPlacement.Top;
                chart.Legend.Title.Text = "Test";
                chart.Legend.BindingContext = testnames;
                chart.PrimaryAxis = new CategoryAxis() { Interval = 2, LabelPlacement = LabelPlacement.BetweenTicks };
                chart.SecondaryAxis = new NumericalAxis() { Minimum = 0, Maximum = 100, Interval = 5 };
                chart.Title.Text = "Player test scores";
                chart.Series.Add(new ColumnSeries()
                {
                    ItemsSource = playertestdata,
                    XBindingPath = dates.ToString(),
                    YBindingPath = testscores.ToString()
                });
                ChartGrid.Children.Add(chart);

Answer 1

由于错过了网格的布局选项，因此不显示SfChart。我们修改了提供的代码段，可以在下面提到

<Grid x:Name="ChartGrid" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
            <syncfusion:SfChart > 
            </syncfusion:SfChart>
 </Grid>

我们准备了一个样本供您参考，可以下载here

如何从代码后面显示SfChart

1 个答案: