KENDO-ANGULAR以pdf格式导出表格和图表

时间:2018-08-09 22:54:29

标签: angular charts kendo-ui kendo-grid kendo-ui-angular2

我正在与剑道一起工作。需要以单个pdf格式导出表格和图表。我发现一个示例http://dojo.telerik.com/@tsvetomir/ubOhe与jquery有关。我如何用Kendo-Angular达到相同的目的。

任何建议都将有所帮助。谢谢

1 个答案:

答案 0 :(得分:0)

您可以使用PDFExport component并在其中添加所有所需的组件(例如图表,网格等),例如:

<kendo-pdf-export #pdf1 paperSize="A4" margin="1cm">
<kendo-chart [categoryAxis]="{ categories: categories }">
        <kendo-chart-title text="Gross domestic product growth /GDP annual %/"></kendo-chart-title>
        <kendo-chart-legend position="bottom" orientation="horizontal"></kendo-chart-legend>
        <kendo-chart-tooltip format="{0}%"></kendo-chart-tooltip>
        <kendo-chart-series>
            <kendo-chart-series-item *ngFor="let item of series"
                type="line" style="smooth" [data]="item.data" [name]="item.name">
            </kendo-chart-series-item>
        </kendo-chart-series>
    </kendo-chart>
    <my-invoice [data]="data"></my-invoice>
 </kendo-pdf-export>

EXAMPLE