highcharts 当HighChart有分页功能时，我们可以导出HighChart的多个页面吗

polhcujo 于 2023-08-05 发布在 Highcharts

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

我有一个图表，其中有分页和数据是来自服务器端。我使用SVG导出一个highchart的图像，它在一个页面上工作正常，但问题是，当图表有分页时，是否可以导出多个页面。
是否可以下载没有渲染图表的图表？我有API的期权数据。
我正在用这个脚本

$("body").on('click','.download-chart-btn', function() {
        html2canvas($(this).closest('.grid-stack-item-content').find('.dashboad_chart_render')[0]).then(function(canvas) {
                var imageUrl = canvas.toDataURL();
                var link = document.createElement('a');
                link.href = imageUrl;
                link.download = 'chart-image.png';
                link.click();
        });
    });

字符串
请你指导我。

的数据
谢啦，谢啦

highcharts

来源：https://stackoverflow.com/questions/76604461/when-highchart-has-pagination-can-we-export-multiple-pages-of-highchart

1条答案

按热度按时间

t40tm48m1#

是的，您可以直接建立SVG，而不需转译其他图表。请检查getSVG图表的方法及其chartOptions可选参数：
生成的SVG表示形式的其他图表选项。对于xAxis、yAxis或series等集合，附加选项将合并到具有相同ID的原始项中，或者合并到第一项（如果未找到公共ID）中。

const chart = Highcharts.chart('container', {
  series: [{
    data: [...]
  }],
  ...
});

const svg = chart.getSVG({
  series: [{
    data: [...]
  }],
  ...
});

字符串

现场演示：http://jsfiddle.net/BlackLabel/qk1t6wpj/
**API参考：**https：api.highcharts.com/class-reference/Highcharts.Chart#getSVG

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

我来回答

highcharts 当HighChart有分页功能时，我们可以导出HighChart的多个页面吗

1条答案

相关问题

热门标签

最新问答