Friday, September 21, 2012

Silverlight stackedbarseries chart: change the axes display

Silverlight stackedbarseries chart: change the axes display

I made stackedbarseries in silverlight to show "projects gantt chart"

now I wanna change the numbers shown in the Axes-X for example we have Worker John:

pr1: 201105 - 201115 pr2: 201120 - 201144 pr3: 201142 - 201207 etc... 

so I made 2 series that the first seria is with tranceparent color then I make function that change the WW to range from 201101 (dont need before..) so the chart looks like:

pr1: 5-15 pr2: 20-44 pr3: 42-60 (53+7 or 52+7 depends on year) 

now how can I change the Axes display to the original?

the code in xaml is:

<toolkit:Chart Name="ProjectChart" Title="Projects" Visibility="Visible" >      <toolkit:Chart.Series>         <toolkit:StackedBarSeries  FontWeight="Bold" MouseLeftButtonUp="StackedBarSeries_MouseLeftButtonUp" MouseEnter="StackedBarSeries_MouseEnter">             <toolkit:SeriesDefinition  ItemsSource="{Binding}" Visibility="Collapsed" Title="" Name="serEmpty"                                                DependentValueBinding="{Binding tranceparent_ser}"                                               IndependentValueBinding="{Binding projectName}"                                               >                 <toolkit:SeriesDefinition.DataPointStyle>                     <Style TargetType="toolkit:BarDataPoint">                         <Setter Property="Background" Value="Transparent"/>                         <Setter Property="BorderBrush" Value="Transparent"/>                         <Setter Property="BorderThickness" Value="0"/>                     </Style>                 </toolkit:SeriesDefinition.DataPointStyle>             </toolkit:SeriesDefinition>             <toolkit:SeriesDefinition ItemsSource="{Binding}" Title="Project" Name="serProjects"                                                DependentValueBinding="{Binding project_ser}"                                               IndependentValueBinding="{Binding projectName}">                 <toolkit:SeriesDefinition.DataPointStyle>                     <Style TargetType="toolkit:BarDataPoint">                         <Setter Property="Background" Value="Blue"/>                         <Setter Property="BorderBrush" Value="Blue"/>                         <Setter Property="BorderThickness" Value="1"/>                     </Style>                 </toolkit:SeriesDefinition.DataPointStyle>             </toolkit:SeriesDefinition>         </toolkit:StackedBarSeries>     </toolkit:Chart.Series> </toolkit:Chart> 

thanks

Answers & Comments...




No comments:

Post a Comment

Send us your comment related to the topic mentioned on the blog