如何在Angular中自动导出(和下载)使用Highcharts制作的图表？

jaql4c8m 于 2023-08-05 发布在 Highcharts

关注(0)|答案(1)|浏览(191)

我在一个Angular项目中工作。我用Highcharts库和Angular-Highcharts包构建了一个图表。
图表显示得很好。
下面的步骤是使用Highcharts exportChart方法自动导出图表，但该方法不起作用。我做了很多尝试，但经常得到错误：
类型“Chart”上不存在属性exportChart
我认为Highcharts库原生的exportChart方法并不完全适合使图表在Angular上工作所需的适应。但是有没有一个技巧可以在Angular中使用这个片段来自动下载图表呢？

this.chart.exportChart({
      type: 'application/pdf',
      filename: 'my-pdf'
  });

字符串
以下是我在StackBlitz上的工作：https://stackblitz.com/edit/angular-highcharts-example-d1qdsv?file=src%2Fapp%2Fapp.component.ts
你能帮我查一下那个问题吗？任何帮助会非常感激！

highcharts

来源：https://stackoverflow.com/questions/76713642/how-to-automatically-export-and-download-a-chart-made-with-highcharts-in-angul

1条答案

按热度按时间

vtwuwzda1#

当你使用的是来自'angular-highcharts'库的Chart示例时，你会出现上述错误的原因。
在这个类中，没有exportChart方法。
建议使用“highcharts”库代替。

import * as Highcharts from 'highcharts';

(Highcharts.chart('chart', /* chart options */)).exportChart({
  type: 'application/pdf',
  filename: 'my-pdf',
});

个字符
Demo @ StackBlitz

赞(0）回复(0）举报 2023-08-05

我来回答

如何在Angular中自动导出(和下载)使用Highcharts制作的图表？

1条答案

相关问题

热门标签

最新问答