何把PDF轉為EXE翻頁電子書？可能有些人都不知道EXE是什么東西，其實EXE電子書是一個可執行文件，閱讀方便，分發出去的時候，讀者也不需要另外安裝任何閱讀器，可直接雙擊預覽。不過PDF是不能直接轉為EXE文件的，相信很多小伙伴都比較苦惱。

所以，今天就來推薦一款可以在線上傳PDF，轉換成EXE電子書的網站：云展網，它這個轉換的功能是免費的，而下載EXE則需要會員，有興趣的可以進入網站試試，只需要我們動手上傳，轉換是非常智能的。另外，它不僅可以把PDF轉換為EXE電子書，還可以在線設計制作多媒體電子書，然后導出EXE、PDF、HTMl、嵌入代碼都可以，功能對比其他網站還是比較強大的，所以就想著分享給大家，讓大家一起來解鎖更多好用的功能，這下想要EXE文件的電子書就不用發愁了。

云展網如何把PDF轉為EXE翻頁電子書呢？

1.首先，當然是需要打開云展網，點擊注冊登錄啦；
2.之后點擊開始免費創作，云展網有四種創建方式，我們選擇上傳文檔創建，進入上傳界面，我們可看到不僅支持PDF，還有PPT、Word、圖片也是支持的；
3.上傳之后，稍等片刻進行轉換，轉換完成后進入編輯界面，可以設置電子書的背景、裝訂書脊、多媒體設置等
4.我們在后臺找到這本電子書，點擊下載按鈕，選擇導出EXE版即可；除了下載EXE，還有PDF、HTMl等格式可供下載。甚至還可以直接在線分享，對方無需接收或下載，在線就可以打開閱讀了。

只需要按照上述方法進行操作，就可以解決PDF轉為EXE翻頁電子的問題啦！如果大家還想要將PDF轉換成其他文件，也可以利用云展網這款軟件進行轉換哦！

charts餅狀圖數據太多

echarts 餅狀圖內容太多怎么處理

有些時候，我們餅狀圖中echarts的數據可能會很多。
這個時候展示肯定會密密麻麻的。導致顯示很凌亂
我們需要\'翻頁\'類似表格展示下一頁的數據

在legend中下需要配置屬性 type: \'scroll\',表示滾動
數據太多可以滾動的形式進展示
如下：
legend: {
	type: \'scroll\',
}

自定義分頁箭頭

但是我們發現這個分頁箭頭不好看。
所以我們需要優化這個分頁的箭頭
通過官網的描述信息我們配置如下這只
這里設置箭頭的路徑
var option = {
	legend: {
		type: \'scroll\', 滾動
		orient: \'vertical\', 垂直方向滾動
		pageIcons: {
		 	vertical: [
		 		\'path://M472.064 272.448l-399.232 399.232c-22.08 22.08-22.08 57.792 0 79.872 22.016 22.016 57.792 22.08 79.872 0L512 392.256l359.296 359.296c22.016 22.016 57.792 22.08 79.872 0 22.08-22.08 22.016-57.792 0-79.872L551.936 272.448C529.856 250.432 494.144 250.432 472.064 272.448z\',
				\'path://M472.064 751.552 72.832 352.32c-22.08-22.08-22.08-57.792 0-79.872 22.016-22.016 57.792-22.08 79.872 0L512 631.744l359.296-359.296c22.016-22.016 57.792-22.08 79.872 0 22.08 22.08 22.016 57.792 0 79.872l-399.232 399.232C529.856 773.568 494.144 773.568 472.064 751.552z\',
			],
		},
		pageButtonPosition: \'end\', // 翻頁的位置。\'start\'：控制塊在左或上,end控制塊在右或下。
		pageIconColor: \'#29bca8\', // 可以點擊的翻頁按鈕顏色
		pageIconInactiveColor: \'#7f7f7f\', // 禁用的按鈕顏色
		pageIconSize: 14, //這當然就是按鈕的大小
	}
}

有的小伙伴會好奇
path得值怎么來的，我是從svg中獲取的，

如何在iconfont中獲取圖標的svg代碼

pageIcons 的值哪些？

第1種：svg的代碼,就是我剛剛使用的

第2種:URL為圖片鏈接例如：\'image://http://xxx.xxx.xxx/a/b.png\'

第3種:URL為dataURI 例如：
\'image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUh
wFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7\'

定義legend的顯示內容樣式的設置

在legend下有一個formatter屬性
我們可以通過 formatter 來自定義文字
formatter: function(name) {
	let showNum
	let percentage
	for (var i = 0; i < listSummary.length; i++) {
		if (listSummary[i].name == name) {
			showNum = listSummary[i].value
			if (lejibaoxiuTotals) { //lejibaoxiuTotals可能為0
				// 計算百分比
				percentage =((listSummary[i].value /lejibaoxiuTotals) *100).toFixed(2) + \'%\'
			} else {
				percentage = \'\'
			}
		}
	}
	return `{name| ${ name.length > 5 ? name.slice(0, 5) + \'...\' : name}}
	| {val| ${percentage}}  {numNum| ${showNum}}`
},

通過富文本來控制樣式
textStyle: {
	fontSize: 13, //字體的大小
	color: \'#D9D9D9\',
	rich: {
		//設置name屬性的樣式(顯示的:華為x)，這里與 return中的name保持一致
		name: {
			color: \'#595959\',
			width: 77, //寬度
			padding: [0, 0, 0, 0], //間距表示 上右下左
		},
		//設置val(百分比)屬性的樣式，這里與 return中的val保持一致
		val: {
			width: 50,//寬度
			color: \'#8c8c8c\', 、
			padding: [0, 10, 0, 6], //間距表示 上右下左
		},
		//設置numNum(數量)屬性的樣式，這里與 return中的numNum保持一致
		numNum: {
			color: \'#8c8c8c\',
		},
	},
},

這樣就好看一些了

最終的代碼