今天就跟大家聊聊有關wkhtmltopdf + echarts 問題的解決方法，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。
成都創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網綜合服務，包含不限于成都網站設計、網站建設、楊浦網絡推廣、微信平臺小程序開發(fā)、楊浦網絡營銷、楊浦企業(yè)策劃、楊浦品牌公關、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們最大的嘉獎；成都創(chuàng)新互聯(lián)公司為所有大學生創(chuàng)業(yè)者提供楊浦建站搭建服務，24小時服務熱線：18980820575，官方網址：www.cdcxhl.com
wkhtmltopdf github
wkhtmltopdf 使用手冊
開啟debug --debug-javascript 調試利器
不支持新的語法必如let 定義變量最好使用var
最好不要省略每條語句后面的分號`;`
table 跨頁導致表頭重疊的解決方法，給tr元素標簽添加以下樣式
重慶分公司
重慶分公司
.tr {
page-break-before: always;
page-break-after: always;
page-break-inside: avoid;
}pdf文件另起一頁，可以使用以下方式
echarts 使用svg初始化餅狀圖，在瀏覽器預覽時正常，生成pdf后出現(xiàn)黑影。添加animation：false (為何使用svg而不是canvas，因為svg生成的pdf清晰度更高)
var emailSortChart = echarts.init(document.getElementById('emailSort'), null, {renderer: 'svg'});
var emailSortData = jsonData;
var emailLegend = [],
emailSeries = [];
emailSortData.forEach(function (item) {
var name = item['email_from'].length <= 20 ? item['email_from'] : item['name'].slice(0, 20) + '...';
emailLegend.push(name);
emailSeries.push({
value: item['count_num'],
name: name,
});
});
var emailSortOption = {
color: ["#833bf4", "#fd8a6d", "#20b6db", "#0b92fe", "#d071e5"],
tooltip: {
trigger: 'item',
formatter: "squ6kqw%",
align: 'left',
},
legend: {
type: 'scroll',
x: 'right',
y: 'top',
orient: 'vertical',
align: 'left',
itemWidth: 10,
itemHeight: 10,
data: emailLegend
},
calculable: true,
animation: false, // 重點添加這行代碼即可解決
series: [{
name: '半徑模式',
type: 'pie',
center: ['40%', '50%'],
radius: [38, 80],
// roseType: 'radius',
label: {
normal: {
formatter: "squ6kqw%"
},
},
lableLine: {
normal: {
show: false
},
emphasis: {
show: true
}
},
itemStyle: {
normal: {
shadowColor: 'rgba(0, 0, 0, 0.8)',
shadowBlur: 5,
}
},
data: emailSeries
}]
};
emailSortChart.setOption(emailSortOption);
看完上述內容，你們對wkhtmltopdf + echarts 問題的解決方法有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。
