无法在枢轴屏幕上显示饼图（amchart-quickchart）

Question

我正在使用amCharts-Quick-Charts来显示饼图数据，但我无法将它显示在枢轴屏幕上。当我执行程序时，整个屏幕只是空白，任何人都可以提供帮助吗？

XAML代码

<phone:PivotItem Header="Pie Chart"> 
    <Grid> 
     <amq:PieChart x:Name="pie1" 
         TitleMemberPath="title" 
         ValueMemberPath="value" 
         > 
     </amq:PieChart> 
    </Grid> 
</phone:PivotItem> 

XAML.CS

namespace Project 
{ 
    public partial class Humidity : PhoneApplicationPage 
    { 
     public Humidity() 
     { 
      InitializeComponent(); 
     } 
     public ObservableCollection<PData> Data = new ObservableCollection<PData>() 
     { 
      new PData() { title = "slice #1", value = 30 }, 
      new PData() { title = "slice #2", value = 60 }, 
      new PData() { title = "slice #3", value = 40 }, 
      new PData() { title = "slice #4", value = 10 }, 
     }; 

     private void PhoneApplicationPage_Loaded(object sender, RoutedEventArgs e) 
     { 
      pie1.DataSource = Data; 
     } 
    } 

    public class PData 
    { 
     public string title { get; set; } 
     public double value { get; set; } 
    } 

} 

Answer 1

看起来你从AmCharts-in-Windows-Phone复制的代码？该项目和代码工作得很好。我的猜测是你错误地粘贴了代码。

把一个破发点，在

pie1.DataSource = Data; // put a break point here 

在该行是否突破？

如果否那么您需要通过单击设计器中的事件图标并将Loaded事件设置为该特定功能来挂接PhoneApplicationPage_Loaded。

如果YES然后确保没有任何内容覆盖并覆盖XAML中的Chart。

---

枢轴页例如

<Grid x:Name="LayoutRoot"> 
    <phone:Pivot> 
     <phone:PivotItem Header="one"> 
      <amq:PieChart x:Name="pie1" 
         TitleMemberPath="title" 
         ValueMemberPath="value"> 
      </amq:PieChart> 
     </phone:PivotItem> 
     <phone:PivotItem Header="two"></phone:PivotItem> 
     <phone:PivotItem Header="three"></phone:PivotItem> 
    </phone:Pivot> 
</Grid> 

---

如果一切都很好，应该是这样的