canvas - canvg 和 highcharts 如何包含图表图例并保持图表大小？

Question

我正在尝试使用 canvg 在画布内绘制高图。

我遇到的问题是图表图例没有出现在画布中，并且尺寸和质量也降低了。

$('#container').highcharts({

            credits: {
                enabled: false
            },

            xAxis: {
                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
            },

            series: [{
                data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
            }]

        });

    function exportChart() {
        var svg = canvg(document.getElementById('canvas'), getSVG(), { ignoreDimensions: true });
    }

    function getSVG() {
        debugger
        var chart = $('#container').highcharts();
        var svg = chart.getSVG();
        return svg;
    }

Answer 1

当您删除选项ignoreDimensions: true时效果很好，我认为：http: //jsfiddle.net/Fusher/qDmhV/148/

如果您希望图表具有相同的大小 - 您需要使画布容器具有与图表相同的宽度和高度。

编辑：

• 禁用 ignoreDimensions：

• 没有禁用ignoreDimensions：