Question

12.4生成pdf，图表由chartist绘制，因为chartist是基于svg的。我可以通过html（test-chartist.html right chart）在浏览器中看到图表。但是当我使用命令wkhtmltopdf --dpi 300 --page-size A4 test-chartist.html test3.pdf时，test3.pdf中的图表是空白的。然后我添加流动的js，结果很奇怪size is not right and direction is not right too

＆＃13;

Function.prototype.bind = Function.prototype.bind || function (thisp) {
    var fn = this;
    return function () {
        return fn.apply(thisp, arguments);
    };
};

＆＃13;

任何人都可以帮助我吗？非常感谢你

Answer 1

好的，我突然发现了答案。如果我在图表的选项中添加宽度和高度，一切都很好，如下所示：

 var options = {
  width: 800,
  height: 150,
  donut: true,
  donutWidth: 30,
 startAngle: 240,
  total: 30,
  showLabel: true,
  animation:false
};

new Chartist.Pie('#mainImg', {
  series: [10,10]
},options);

我希望它可以帮助别人。

使用wkhtmltopdf无法正确显示chartist绘制的图表

1 个答案: