Canvas canvg和highcharts如何包含图表图例并保持图表大小?
我试着用canvg在画布上画一个海图 我遇到的问题是图表图例不会出现在画布上,而且尺寸和质量也会降低。Canvas canvg和highcharts如何包含图表图例并保持图表大小?,canvas,highcharts,canvg,Canvas,Highcharts,Canvg,我试着用canvg在画布上画一个海图 我遇到的问题是图表图例不会出现在画布上,而且尺寸和质量也会降低。 当您删除选项ignoreDimensions:true时效果很好,我认为: 如果您想让图表具有相同的大小,则需要让画布容器具有与图表相同的宽度和高度 编辑: 使用禁用的ignoreDimensions: 没有禁用的ignoreDimensions: 当您删除选项时,忽略维度:true效果很好,我认为: 如果您想让图表具有相同的大小,则需要让画布容器具有与图表相同的宽度和高度 编辑:
当您删除选项
ignoreDimensions:true
时效果很好,我认为:
如果您想让图表具有相同的大小,则需要让画布容器具有与图表相同的宽度和高度
编辑:
- 使用禁用的ignoreDimensions:
- 没有禁用的ignoreDimensions:
忽略维度:true
效果很好,我认为:
如果您想让图表具有相同的大小,则需要让画布容器具有与图表相同的宽度和高度
编辑:
- 使用禁用的ignoreDimensions:
- 没有禁用的ignoreDimensions:
$('#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;
}