91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

wkhtmltopdf + echarts 問題的解決方法

發布時間:2021-10-12 15:43:15 來源:億速云 閱讀:820 作者:柒染 欄目:大數據

今天就跟大家聊聊有關wkhtmltopdf + echarts 問題的解決方法,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結了以下內容,希望大家根據這篇文章可以有所收獲。

  • wkhtmltopdf github

  • wkhtmltopdf 使用手冊

  •  開啟debug  --debug-javascript  調試利器

  •  不支持新的語法必如let  定義變量最好使用var

  •  最好不要省略每條語句后面的分號`;`

  • table 跨頁導致表頭重疊的解決方法,給tr元素標簽添加以下樣式

.tr {
    page-break-before: always;
    page-break-after: always;
    page-break-inside: avoid;
}
  • pdf文件另起一頁,可以使用以下方式

<div ></div>
  • echarts 使用svg初始化餅狀圖,在瀏覽器預覽時正常,生成pdf后出現黑影。添加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: "aegqsqibtmh%",
                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: "aegqsqibtmh%"
                    },
    
                },
                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 問題的解決方法有進一步的了解嗎?如果還想了解更多知識或者相關內容,請關注億速云行業資訊頻道,感謝大家的支持。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

沛县| 辉南县| 贞丰县| 蒲江县| 曲松县| 如东县| 油尖旺区| 义乌市| 邯郸县| 南充市| 繁峙县| 宜昌市| 连云港市| 原阳县| 简阳市| 舒兰市| 赣州市| 祁东县| 普宁市| 自贡市| 上林县| 安远县| 颍上县| 呼伦贝尔市| 米泉市| 那坡县| 武乡县| 鹤山市| 奈曼旗| 扶风县| 龙南县| 汤原县| 西安市| 延庆县| 紫金县| 集安市| 永善县| 班戈县| 中阳县| 新巴尔虎右旗| 佛山市|