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

polhcujo  于 2023-08-05  发布在  Highcharts
关注(0)|答案(1)|浏览(188)

我有一个图表,其中有分页和数据是来自服务器端。我使用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();
        });
    });

字符串
请你指导我。


的数据
谢啦,谢啦

t40tm48m

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

相关问题