将带有自定义文本的多个 highcharts 导出为 pdf答案

【问题标题】：Export Multiple highcharts with custom text into pdf将带有自定义文本的多个 highcharts 导出为 pdf
【发布时间】：2017-01-03 09:48:21
【问题描述】：

我想在 PDF i 中导出多个带有文本区域的图表

我将如何在上面的代码中实现？请指导我

【问题讨论】：

Grzegorz Blachlińsk ，请通过您在之前的示例中回答的答案来回答这个问题。谢谢，这对我很有帮助。
你试过什么？关于您的声明“遵循上述代码”，没有代码存在。
欺骗stackoverflow.com/questions/39166045/…
我要实现代码。
Parvind，以后请不要在 Stack Overflow 上多次问同一个问题。这被认为是垃圾邮件，会让你的问题被否决。

标签： pdf highcharts textarea

【解决方案1】：

您可以使用我之前在类似主题中的想法： Export highchart with free text entered as pdf

您可以遍历所有图表并将它们添加到导出的 svg 中，其中包含与这些图表相关的文本：

Highcharts.getSVG = function(charts, texts) {
    var svgArr = [],
        top = 0,
        width = 0,
        txt;
    Highcharts.each(charts, function(chart, i) {
        var svg = chart.getSVG();
        svg = svg.replace('<svg', '<g transform="translate(0,' + top + ')" ');
        svg = svg.replace('</svg>', '</g>');
        top += chart.chartHeight;
        width = Math.max(width, chart.chartWidth);
        svgArr.push(svg);
        txt = texts[i];
        txt = '<text x= "' + 0 + '" y = "' + (top + 20) + '" styles = "' + txt.attributes.style.value + '">' + $(txt).val() + '</text>';
        top += 60;
        svgArr.push(txt);
    });
    return '<svg height="' + top + '" width="' + width + '" version="1.1" xmlns="http://www.w3.org/2000/svg">' + svgArr.join('') + '</svg>';
  };

您可以在这里找到它如何工作的示例：http://jsfiddle.net/6m2rneL8/32/

【讨论】：

谢谢 Grzegorz Blachliński，我现在明白了。