2014-10-07 115 views
0

我正在使用amCharts-Quick-Charts來顯示餅圖數據,但我無法將它顯示在樞軸屏幕上。當我執行程序時,整個屏幕只是空白,任何人都可以提供幫助嗎?無法在樞軸屏幕上顯示餅圖(amchart-quickchart)

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

} 

回答

0

看起來你從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> 

如果一切都很好,應該是這樣的

enter image description here

+0

一切都出來除了餡餅。 當我在新的人像頁面上進行時沒有問題。只有當我把它放在數據透視頁面時纔會出現問題。 – 2014-10-08 14:12:32

+0

然後,您錯誤地使用了Pivot頁面,請參閱更新的解決方案。 – 2014-10-09 00:20:22