谷歌图表在 wkhtmltopdf

如何解决谷歌图表在 wkhtmltopdf

我的 Google 图表在浏览器中完美运行：

Works perfectly

但是，当我尝试使用以下方法将其呈现为 PDF 时：

wkhtmltopdf --javascript-delay 2000 --print-media-type chart_dummy.html chart_dummy.pdf

条形的高度减半，颜色代码丢失：

Rendered PDF with bars half height

我认为必须有一些 wkhtmltopdf 选项来纠正这个问题，但我一生都无法确定一个。

我使用的是 Ubuntu 16.04.7 LTS（Xenial Xerus）和 wkhtmltopdf 0.12.5（带有补丁的 qt）。

我的可视化功能是

       function drawVisualization() {// Create the data table.

       var data = new google.visualization.DataTable();

       data.addColumn('string','focus name');
       data.addColumn('number','Exceeded');
       data.addColumn('number','Achieved');
       data.addColumn('number','Not Achieved');
       data.addColumn('number','Regressed');

       var width = $($('.container-fluid')[0]).width();
       var height = $($('.container-fluid')[0]).height();

       var options = {
          'width': width,'height': height,'chartArea': {top:10},title: String(),vAxis: {
               title: '% Progress',minValue: 0,maxValue: 100,format: '#\'%\'',baseline: 0,},hAxis: {
               title: ''
          },seriesType: 'bars',series: {
              5: {
                  type: 'line'
              }
          },colors: ['#ffe400','#03ea74','#ffa000','#0095ff'],annotations: {
              alwaysOutside: true,textStyle: {
                 fontSize: 20,auraColor: '#eee',color: '#eee'
              }
          },animation: {
             duration: 2000,easing: 'linear',startup: true
          },legend: 'bottom'
       };

       reportData = {
          "combined": {
              "exceeded": "34","achieved": "72","not_achieved": "14","regressed": "8"
          }
       };

       data.addRows([
           ['All Focus Areas',Number(reportData['combined']['exceeded']),Number(reportData['combined']['achieved']),Number(reportData['combined']['not_achieved']),Number(reportData['combined']['regressed'])]
       ]);

       var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
       chart.draw(data,options);

    }

有没有人知道如何使 PDF 与浏览器渲染相同？