将带有自定义文本的多个高级图表导出为pdf

时间:2016-08-26 16:45:08

标签: pdf highcharts textarea

我想在PDF i中导出带有textareas的多个图表

我将如何在上面的代码中实现? pLease指导我

1 个答案:

答案 0 :(得分:2)

您可以使用我之前类似主题的想法: 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/