Я работаю над довольно длинным в зубах приложением AngularJS 1.2, которое использует angular-google-charts в качестве оболочки.Я попытался и смог добиться того, чтобы диаграмма отображалась так, как я хочу, когда я эмулирую материалы для печати в Chrome Inspector.Однако, когда я на самом деле иду на печать, диаграмма уменьшается до 400 х 200 Вт / ч, и этикетки начинают перекрываться.Я использовал параметры chartArea в объекте диаграммы, чтобы зафиксировать печатную версию диаграммы с разрешением 400 x 600 с небольшим смещением для vAxis, и, опять же, он работает, когда я разрабатываю из эмулированного представления печати.Я также попытался использовать генерирующий PNG метод getImageURI () , который я могу изменить, но разрешение остается прежним - поэтому я получаю зернистый 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 Chart до нужного размера?