Question

我正在研究一个使用angular-google-charts作为包装的有点长牙的AngularJS 1.2应用程序。我尝试并成功获取了图表，以在Chrome Inspector中模拟打印介质时以所需的方式显示。但是，当我实际去打印时，图表缩小到400 x 200 w / h的比例，并且标签开始重叠。我已经使用了图表对象中的chartArea选项将图表的打印版本固定为400 x 600，vAxis的偏移很小，并且再次适用于从模拟打印视图进行开发时的情况。我也尝试过使用PNG-generating getImageURI() method，可以调整其大小，但是分辨率保持不变-因此，我得到了带有标签重叠的粒状PNG。我还尝试了一种回调方法，以在加载时重新设置chartOptions，并且能够重置整体大小，但是我看不到如何通过回调来执行chartArea。

let resizeChart = {'height': 456, 'width': 678};
$scope.resizeChartPrintOptions = function (chartWrapper) {
    chartWrapper.setOption("height", resizeChart['height']);
    chartWrapper.setOption("width", resizeChart['width']);
    console.log('chartWrapper: ', chartWrapper); // this shows chart size but not chart area
}

除了使用Chrome Inspector渲染模拟器之外，我对如何调试打印预览一无所知，但这并没有为我带来预期的效果。如何将Google图表打印到所需尺寸？

Google图表打印尺寸不考虑chartArea

0 个答案: