Printing Bar Chart

[jay]

Need some help with this.  I've been able to print line charts, however I'm now adding a Bar Chart to the mix and can't get it to print.  The only output I get are the labels, so that I know I'm getting data back and that it's not rendering correctly.  I've attached an image of what I'm able to get to print and here is the code:

RadChart rptRevenueChart = new RadChart();
rptRevenueChart.DefaultView.ChartArea.EnableAnimations = false;
SeriesMapping smRewards = new SeriesMapping();
smRewards.LegendLabel = "Rewards";
StackedBarSeriesDefinition sd1 = new StackedBarSeriesDefinition();
smRewards.SeriesDefinition = sd1;
smRewards.ItemMappings.Add(new ItemMapping("RewardAmount", DataPointMember.YValue));
rptRevenueChart.SeriesMappings.Add(smRewards);
rptRevenueChart.ItemsSource = RevenueChartData;

I then set the pagevisual and to the grid and print.  This works for other elements (charts) on the page just fine, it's just the bar chart that I'm fighting with right now.  Thoughts?

Jay Hammett
Developer

[jay]

Ok, I have since edited my code to include the data and get the same results, meaning just the bar label NOT the actual bar itself.  Here's the current code:

RadChart rptRevenueChart = new RadChart();

List<Company> sampleData = new List<Company>();
sampleData.Add(new Company("AAA", 500));
sampleData.Add(new Company("BBB", 600));
sampleData.Add(new Company("CCC", 100));
sampleData.Add(new Company("DDD", 100));
sampleData.Add(new Company("EEE", 300));
sampleData.Add(new Company("FFF", 200));
sampleData.Add(new Company("GGG", 900));
sampleData.Add(new Company("HHH", 400));
sampleData.Add(new Company("III", 400));
sampleData.Add(new Company("JJJ", 200));

SeriesMapping smRewards = new SeriesMapping();

BarSeriesDefinition sd1 = new BarSeriesDefinition();

smRewards.SeriesDefinition = sd1;

smRewards.ItemMappings.Add(new ItemMapping("Value2", DataPointMember.YValue));

rptRevenueChart.SeriesMappings.Add(smRewards);
rptRevenueChart.DefaultView.ChartArea.EnableAnimations = false;
rptRevenueChart.ItemsSource = sampleData;

[jay]

Here's the printed image from the above code.  Please note the absence of bars...

[Giuseppe]

Hello jay,

Indeed currently there is a problem with the print/export bar series type in this scenario and you will need to apply this custom bar style manually (it explicitly sets the Opacity to 1):

Copy Code

Copy Code

Copy Code

<Style x:Key="PrintStyle" TargetType="telerik:Bar">
    <Setter Property="Template" >
        <Setter.Value>
            <ControlTemplate TargetType="telerik:Bar">
                <Canvas Opacity="1" x:Name="PART_MainContainer">
                    <Rectangle x:Name="PART_DefiningGeometry"
                                Height="{TemplateBinding ItemActualHeight}"
                                Width="{TemplateBinding ItemActualWidth}"
                                Style="{TemplateBinding ItemStyle}"
                                RadiusX="{StaticResource BarRadiusX}"
                                RadiusY="{StaticResource BarRadiusY}" />
                    <Rectangle Height="{TemplateBinding ItemActualHeight}"
                                Width="{TemplateBinding ItemActualWidth}"
                                RadiusX="{StaticResource BarMaskRadius}"
                                RadiusY="{StaticResource BarMaskRadius}"
                                OpacityMask="{StaticResource BarOpacityMaskBrush}"
                                Fill="{StaticResource BarMaskBrush}"
                                Stroke="{StaticResource BarMaskStroke}"
                                StrokeThickness="{StaticResource BarMaskStrokeThickness}" />
                    <Rectangle x:Name="PART_SelectedState"
                                Height="{TemplateBinding ItemActualHeight}"
                                Width="{TemplateBinding ItemActualWidth}"
                                RadiusX="{StaticResource BarRadiusX}"
                                RadiusY="{StaticResource BarRadiusY}"
                                Fill="{StaticResource BarTopMaskBrush}" />
                </Canvas>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

We have attached a sample application as well.


Regards,
Giuseppe
the Telerik team

[jay]

Would you have an example of building the style in a MVVM scenario from code vs. in the .xaml file?  The entire chart is created and printed from code and there is no access to the view where a xaml style template would be.

[Giuseppe]

Hi jay,

In such case you would need to move the style to the code and parse it through XamlReader.Load(...) -- see modified sample application that achieves the desired effect entirely from code behind.


Greetings,
Giuseppe
the Telerik team

[jay]

The style worked!  Thanks.  I was able to include it as a resource in the view xaml and then reference the resource from the view model.

[Gary]

I will try this on my bar graph, but I am also experiencing this issue with stack bars. Everything is fine when I write to windows xps but when I when I print to an actual printer, the bars and stack bars disappear. Also all my legends become horizontal oriented when they should be vertical.

[Giuseppe]

Hi Gary,

The approach described in the previous posts should work for stacked bar series as well as the style for both series is identical.

If the problem persists, we would ask you to open a formal support ticket and send us a runnable version of your application that we can investigate locally so we can advise you properly how to proceed.


Greetings,
Giuseppe
the Telerik team