无法在数据透视屏幕上显示饼图(amchart-quickchart)

时间:2014-10-07 01:15:03

标签: c# xaml windows-phone-8 charts amcharts

我正在使用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; }  
    }  

}

1 个答案:

答案 0 :(得分:0)

您似乎是从AmCharts-in-Windows-Phone复制了代码?项目和代码工作得很好。我的猜测是你错误地粘贴了代码。

处设一个断点
pie1.DataSource = Data;  // put a break point here

它在那条线上破了吗?

如果,则需要通过单击设计器中的事件图标并将Loaded事件设置为该特定函数来挂接PhoneApplicationPage_Loaded。

如果,请确保没有任何内容覆盖并覆盖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>

如果一切顺利,它应该看起来像这样

enter image description here