How to: Configure a Chart for Printing
- 3 minutes to read
An object returned by the ASPxClientWebChartControl.GetPrintOptions method contains a set of options that allow you to configure printing.
For example, the ASPxClientChartPrintOptions.SetLandscape method specifies a value indicating that the landscape orientation will be used to print a chart and the ASPxClientChartPrintOptions.SetPaperKind method allows you to specify the default paper size that is used for chart printing.
Note
A complete sample project is available at https://github.com/DevExpress-Examples/how-to-configure-a-chart-for-printing-t329832
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="PrintingOptionsSample.MainPage" %>
<%@ Register Assembly="DevExpress.XtraCharts.v15.2.Web, Version=15.2.4.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" Namespace="DevExpress.XtraCharts.Web" TagPrefix="dxchartsui" %>
<%@ Register assembly="DevExpress.XtraCharts.v15.2, Version=15.2.4.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" namespace="DevExpress.XtraCharts" tagprefix="cc1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<dxchartsui:WebChartControl ID="chart" runat="server" CrosshairEnabled="True" Height="360px" PaletteName="Office 2013" Width="640px">
<diagramserializable>
<cc1:XYDiagram>
<axisx visibleinpanesserializable="-1">
</axisx>
<axisy visibleinpanesserializable="-1">
<wholerange alwaysshowzerolevel="False" />
</axisy>
</cc1:XYDiagram>
</diagramserializable>
<legend alignmenthorizontal="Right" direction="LeftToRight"></legend>
<seriesserializable>
<cc1:Series Name="1998">
<points>
<cc1:SeriesPoint ArgumentSerializable="Illinois" Values="423.721">
</cc1:SeriesPoint>
<cc1:SeriesPoint ArgumentSerializable="Indiana" Values="178.719">
</cc1:SeriesPoint>
<cc1:SeriesPoint ArgumentSerializable="Michigan" Values="308.845">
</cc1:SeriesPoint>
<cc1:SeriesPoint ArgumentSerializable="Ohio" Values="348.555">
</cc1:SeriesPoint>
<cc1:SeriesPoint ArgumentSerializable="Wisconsin" Values="160.274">
</cc1:SeriesPoint>
</points>
<viewserializable>
<cc1:SideBySideBarSeriesView>
<fillstyle fillmode="Solid">
</fillstyle>
</cc1:SideBySideBarSeriesView>
</viewserializable>
</cc1:Series>
<cc1:Series Name="2001">
<points>
<cc1:SeriesPoint ArgumentSerializable="Illinois" Values="476.851">
</cc1:SeriesPoint>
<cc1:SeriesPoint ArgumentSerializable="Indiana" Values="195.769">
</cc1:SeriesPoint>
<cc1:SeriesPoint ArgumentSerializable="Michigan" Values="335.793">
</cc1:SeriesPoint>
<cc1:SeriesPoint ArgumentSerializable="Ohio" Values="374.771">
</cc1:SeriesPoint>
<cc1:SeriesPoint ArgumentSerializable="Wisconsin" Values="182.373">
</cc1:SeriesPoint>
</points>
<viewserializable>
<cc1:SideBySideBarSeriesView>
<fillstyle fillmode="Solid">
</fillstyle>
</cc1:SideBySideBarSeriesView>
</viewserializable>
</cc1:Series>
<cc1:Series Name="2004">
<points>
<cc1:SeriesPoint ArgumentSerializable="Illinois" Values="528.904">
</cc1:SeriesPoint>
<cc1:SeriesPoint ArgumentSerializable="Indiana" Values="227.271">
</cc1:SeriesPoint>
<cc1:SeriesPoint ArgumentSerializable="Michigan" Values="372.576">
</cc1:SeriesPoint>
<cc1:SeriesPoint ArgumentSerializable="Ohio" Values="418.258">
</cc1:SeriesPoint>
<cc1:SeriesPoint ArgumentSerializable="Wisconsin" Values="211.727">
</cc1:SeriesPoint>
</points>
<viewserializable>
<cc1:SideBySideBarSeriesView>
<fillstyle fillmode="Solid">
</fillstyle>
</cc1:SideBySideBarSeriesView>
</viewserializable>
</cc1:Series>
</seriesserializable>
<titles>
<cc1:ChartTitle Text="Great Lakes Gross State Product" />
</titles>
</dxchartsui:WebChartControl>
<%--region #PrintingOptions--%>
<button onclick="
var options = chart.GetPrintOptions();
options.SetPaperKind('A5');
options.SetMarginLeft(50);
options.SetMarginRight(50);
options.SetMarginTop(50);
options.SetMarginBottom(50);
options.SetLandscape(true);
chart.Print();
return false;">
Print Chart
</button>
<%--region #PrintingOptions--%>
</div>
</form>
</body>
</html>