PageRenderTime 45ms CodeModel.GetById 20ms RepoModel.GetById 0ms app.codeStats 0ms

/Main/src/Xbap/DynamicDataDisplay.Xbap.Samples/Demos/v04/Markers/PieChart page/PieChartPage.xaml

#
XAML | 96 lines | 64 code | 8 blank | 24 comment | 0 complexity | e68dc9fa2063014fb14eceee92065166 MD5 | raw file
Possible License(s): CC-BY-SA-3.0
  1. <Page x:Class="NewMarkersSample.Pages.PieChartPage"
  2. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4. xmlns:d3="http://research.microsoft.com/DynamicDataDisplay/1.0"
  5. xmlns:wpf="http://schemas.microsoft.com/wpf/2008/toolkit"
  6. Title="Pie Chart" Loaded="Page_Loaded" Unloaded="Page_Unloaded">
  7. <Grid Name="root">
  8. <Grid.ColumnDefinitions>
  9. <ColumnDefinition Width="*"/>
  10. <ColumnDefinition Width="Auto"/>
  11. </Grid.ColumnDefinitions>
  12. <Grid.RowDefinitions>
  13. <RowDefinition Height="*"/>
  14. <RowDefinition Height="Auto"/>
  15. </Grid.RowDefinitions>
  16. <d3:ChartPlotter Grid.Row="0" Name="plotter">
  17. <d3:ViewportUIContainer>
  18. <d3:PieChart Name="chart" Width="500" Height="500"
  19. IndependentValuePath="Income" DependentValuePath="CityName" ItemsSource="{Binding}"
  20. Canvas.Left="10" Canvas.Top="10"
  21. StartAngle="{Binding Path=Value, ElementName=startAngleSlider}">
  22. <d3:PieChart.Resources>
  23. <d3:BrushHSBConverter SaturationDelta="0.8" LightnessDelta="1.6" x:Key="lighterConverter"/>
  24. <d3:NegativeRotateTransformConverter x:Key="transformConverter"/>
  25. </d3:PieChart.Resources>
  26. <d3:PieChart.MarkerTemplate>
  27. <DataTemplate>
  28. <d3:PieChartItem>
  29. <d3:LiveToolTipService.ToolTip>
  30. <d3:LiveToolTip Opacity="0.8" Background="{d3:SelfBinding Path=Owner.Background, Converter={StaticResource lighterConverter}}"
  31. RenderTransform="{d3:SelfBinding Path=Owner.RenderTransform, Converter={StaticResource transformConverter}}"
  32. RenderTransformOrigin="0,0">
  33. <TextBlock>
  34. <Bold>City:</Bold> <TextBlock Text="{Binding CityName}"/>
  35. <LineBreak/>
  36. <Bold>Income:</Bold> $<TextBlock Text="{Binding Income}"/>
  37. </TextBlock>
  38. </d3:LiveToolTip>
  39. </d3:LiveToolTipService.ToolTip>
  40. </d3:PieChartItem>
  41. </DataTemplate>
  42. </d3:PieChart.MarkerTemplate>
  43. </d3:PieChart>
  44. </d3:ViewportUIContainer>
  45. <RepeatButton Content="Add random item" Canvas.Right="160" Canvas.Bottom="10" Click="addRandomItemBtn_Click"/>
  46. <GroupBox Header="Legend style" Canvas.Right="270" Canvas.Bottom="10">
  47. <StackPanel Background="White">
  48. <RadioButton Content="Default style" Name="defaultStyle" IsChecked="True" Checked="defaultStyle_Checked"/>
  49. <RadioButton Content="No scroll style" Name="noScrollStyle" Checked="noScrollStyle_Checked"/>
  50. </StackPanel>
  51. </GroupBox>
  52. </d3:ChartPlotter>
  53. <!--<d3:PieChart Name="chart2" IndependentValuePath="Income" Grid.Row="0" Visibility="Hidden">
  54. <d3:PieChart.Resources>
  55. <d3:BrushHSBConverter SaturationDelta="0.8" LightnessDelta="1.6" x:Key="lighterConverter"/>
  56. <d3:NegativeRotateTransformConverter x:Key="transformConverter"/>
  57. </d3:PieChart.Resources>
  58. <d3:PieChart.MarkerTemplate>
  59. <DataTemplate>
  60. <d3:PieChartItem Style="{x:Static d3:PieChartStyles.Donut}">
  61. <d3:LiveTooltipService.ToolTip>
  62. <d3:LiveTooltip Background="{d3:SelfBinding Path=Owner.Background, Converter={StaticResource lighterConverter}}"
  63. RenderTransform="{d3:SelfBinding Path=Owner.RenderTransform, Converter={StaticResource transformConverter}}"
  64. RenderTransformOrigin="0,0">
  65. <TextBlock>
  66. <Bold>City:</Bold> <TextBlock Text="{Binding CityName}"/>
  67. <LineBreak/>
  68. <Bold>Income:</Bold> $<TextBlock Text="{Binding Income}"/>
  69. </TextBlock>
  70. </d3:LiveTooltip>
  71. </d3:LiveTooltipService.ToolTip>
  72. </d3:PieChartItem>
  73. </DataTemplate>
  74. </d3:PieChart.MarkerTemplate>
  75. </d3:PieChart>-->
  76. <ScrollViewer Grid.Column="1" Grid.Row="0" Grid.RowSpan="2" VerticalScrollBarVisibility="Visible">
  77. <wpf:DataGrid ItemsSource="{Binding}" AutoGenerateColumns="False"
  78. CanUserDeleteRows="True">
  79. <wpf:DataGrid.Columns>
  80. <wpf:DataGridTextColumn Header="City" Binding="{Binding CityName}"/>
  81. <wpf:DataGridTextColumn Header="Income" Binding="{Binding Income, StringFormat=F2}"/>
  82. </wpf:DataGrid.Columns>
  83. </wpf:DataGrid>
  84. </ScrollViewer>
  85. <Slider Minimum="0" Maximum="360" Name="startAngleSlider" Grid.Row="1" Grid.Column="0" Margin="5"/>
  86. </Grid>
  87. </Page>