echarts API （echarts 圓餅圖官網默認樣式修改）
app.title = '環(huán)形圖';
option = {
? ? tooltip: {
? ? ? ? trigger: 'item',
? ? ? ? formatter: "{a} <br/>: {c} (ens0ygb%)" //使用數字模板時有時候需要注意下压汪，有時候設置字體大小不生效時可檢查下數字模板是否使用規(guī)范粪牲。補充一點，在echarts的title屬性中設置字體大小止剖。
? ? },
? ? legend: {
? ? ? ? orient: 'vertical',
? ? ? ? x: 'left',
? ? ? ? data:['直接訪問','郵件營銷','聯盟廣告','視頻廣告','搜索引擎']
? ? },
? ? series: [
? ? ? ? {
? ? ? ? ? ? name:'訪問來源',
? ? ? ? ? ? type:'pie',? //聲明該圖形是什么類型的 pie為餅圖
? ? ? ? ? ? radius: ['50%', '70%'],
? ? ? ? ? ? startAngle: 30,? //控制起始角度? 相對應的還有 endAngle 結束角度 minAngle 最小角度
? ? ? ? ? ? avoidLabelOverlap: true,
? ? ? ? ? ? label: {? ? ? ? ? ? ? ? ? ? ? ? ?//label 標簽 即控制圓餅圖圓環(huán)上面是否顯示標簽
? ? ? ? ? ? ? ? normal: {? ? ? ? ? ? ? ? ? ?//配置標簽文字樣式
? ???????????????????formatter:"腺阳\r\n{c}元\r\n占比：sp1zezv%",? ? ? ?//此處的換行是文本換行\(zhòng)r\n，不是<br/>
? ? ? ? ? ? ? ? ? ? show: true,? ? ? ? ? ?//true 顯示數據標志穿香，false不顯示數據標志? 官網默認是false
? ? ? ? ? ? ? ? ? ? position: 'inner'? ? ?//數據標簽顯示的位置亭引，inner表示顯示在圓環(huán)中，center表示顯示在圓環(huán)里面皮获，out表示顯示在圓環(huán)外面（帶引導線）,
? ?????????????????? backgroundColor: '#eee', //背景顏色
? ? ? ? ? ? ? ? ? ? borderColor: '#aaa',? //邊框顏色
? ? ? ? ? ? ? ? ? ? borderWidth: 1, //邊框粗細
? ? ? ? ? ? ? ? ? ? borderRadius: 4, //圓角
? ? ? ? ? ? ? ? },
? ? ? ? ? ? ? ? emphasis: {
? ? ? ? ? ? ? ? ? ? show: true,
? ? ? ? ? ? ? ? ? ? textStyle: { //設置字體樣式
? ? ? ? ? ? ? ? ? ? ? ? fontSize: '30',? //設置字體大小
? ? ? ? ? ? ? ? ? ? ? ? fontWeight: 'bold' //設置字體樣式（加粗）
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? }
? ? ? ? ? ? },
? ? ? ? ? ? labelLine: {? ?//引導線
? ? ? ? ? ? ? ? normal: {
? ? ? ? ? ? ? ? ? ? show: true? //啟用引導線
? ? ? ? ? ? ? ? }
? ? ? ? ? ? },
? ? ? ? ? ? itemStyle: {
? ? ? ? ? ? ? ? emphasis: {
? ? ? ? ? ? ? ? ? ? shadowBlur: 1,
? ? ? ? ? ? ? ? ? ? shadowOffsetX: 0,
? ? ? ? ? ? ? ? ? ? shadowColor: '#fff',
? ? ? ? ? ? ? ? },?
? ? ? ? ? ? ? ? normal: {
? ? ? ? ? ? ? ? ? ? label: {
? ? ? ? ? ? ? ? ? ? ? ? show: true,
? ? ? ? ? ? ? ? ? ? ? ? formatter: '焙蚓 85pzjz1%',
? ? ? ? ? ? ? ? ? ? ? ? position: 'inner'
? ? ? ? ? ? ? ? ? ? },
? ? ? ? ? ? ? ? ? ? labelLine: {
? ? ? ? ? ? ? ? ? ? ? ? show: true,
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? },
? ? ? ? ? ? },
? ? ? ? ? ? data:[
? ? ? ? ? ? ? ? {value:335, name:'直接訪問'},
? ? ? ? ? ? ? ? {value:310, name:'郵件營銷'},
? ? ? ? ? ? ? ? {value:234, name:'聯盟廣告'},
? ? ? ? ? ? ? ? {value:135, name:'視頻廣告'},
? ? ? ? ? ? ? ? {value:1548, name:'搜索引擎'}
? ? ? ? ? ? ]
? ? ? ? }
? ? ]
};
其中變量a、b洒宝、c在不同圖表類型下代表數據含義為：
折線（區(qū)域）圖购公、柱狀（條形）圖: a（系列名稱），b（類目值）雁歌，c（數值）, d（無）
散點圖（氣泡）圖 : a（系列名稱）宏浩，b（數據名稱），c（數值數組）, d（無）
餅圖靠瞎、雷達圖 : a（系列名稱）比庄，b（數據項名稱），c（數值）, d（百分比）;
標簽文字更多配置（label）可參考官網文檔
https://echarts.apache.org/examples/zh/editor.html?c=pie-nest
