无法在枢轴屏幕上显示饼图 (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 中的图表。

---

透视页面示例

<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>

---

如果一切顺利，它应该是这样的