1 //-------- 标题 --------
2 title: {
3 text: '学生生源地来源分布图',
4 subtext: '模拟数据',
5 // x 设置水平安放位置，默认左对齐，可选值：'center' ¦ 'left' ¦ 'right' ¦ {number}（x坐标，单位px）
6 x: 'center',
7 // y 设置垂直安放位置，默认全图顶端，可选值：'top' ¦ 'bottom' ¦ 'center' ¦ {number}（y坐标，单位px）
8 y: 'top',
9 // itemGap设置主副标题纵向间隔，单位px，默认为10，
10 itemGap: 30,
11 backgroundColor: '#EEE',
12 // 主标题文本样式设置
13 textStyle: {
14 fontSize: 26,
15 fontWeight: 'bolder',
16 color: '#000080'
17 },
18 // 副标题文本样式设置
19 subtextStyle: {
20 fontSize: 18,
21 color: '#8B2323'
22 }
23 },
24 //------ 图例设置 ------
25 legend: {
26 // orient 设置布局方式，默认水平布局，可选值：'horizontal'（水平） ¦ 'vertical'（垂直）
27 orient: 'vertical',
28 // x 设置水平安放位置，默认全图居中，可选值：'center' ¦ 'left' ¦ 'right' ¦ {number}（x坐标，单位px）
29 x: 'left',
30 // y 设置垂直安放位置，默认全图顶端，可选值：'top' ¦ 'bottom' ¦ 'center' ¦ {number}（y坐标，单位px）
31 y: 'center',
32 itemWidth: 24, // 设置图例图形的宽
33 itemHeight: 18, // 设置图例图形的高
34 textStyle: {
35 color: '#666' // 图例文字颜色
36 },
37 // itemGap设置各个item之间的间隔，单位px，默认为10，横向布局时为水平间隔，纵向布局时为纵向间隔
38 itemGap: 30,
39 backgroundColor: '#eee', // 设置整个图例区域背景颜色
40 data: ['北京','上海','广州','深圳','郑州']
41 },
42 //------ 值域设置 -----
43 series: [
44 {
45 name: '生源地',
46 type: 'pie',
47 // radius: '50%', // 设置饼状图大小，100%时，最大直径=整个图形的min(宽，高)
48 radius: ['30%', '60%'], // 设置环形饼状图， 第一个百分数设置内圈大小，第二个百分数设置外圈大小
49 center: ['50%', '50%'], // 设置饼状图位置，第一个百分数调水平位置，第二个百分数调垂直位置
50 data: [
51 {value:335, name:'北京'},
52 {value:310, name:'上海'},
53 {value:234, name:'广州'},
54 {value:135, name:'深圳'},
55 {value:148, name:'郑州'}
56 ],
57 // itemStyle 设置饼状图扇形区域样式
58 itemStyle: {
59 // emphasis：英文意思是 强调;着重;（轮廓、图形等的）鲜明;突出，重读
60 // emphasis：设置鼠标放到哪一块扇形上面的时候，扇形样式、阴影
61 emphasis: {
62 shadowBlur: 10,
63 shadowOffsetX: 0,
64 shadowColor: 'rgba(30, 144, 255，0.5)'
65 }
66 },
67 // 设置值域的那指向线
68 labelLine: {
69 normal: {
70 show: false // show设置线是否显示，默认为true，可选值：true ¦ false
71 }
72 },
73 // 设置值域的标签
74 label: {
75 normal: {
76 position: 'inner', // 设置标签位置，默认在饼状图外 可选值：'outer' ¦ 'inner（饼状图上）'
77 // formatter: '{a} {b} : {c}个 ({d}%)' 设置标签显示内容 ，默认显示{b}
78 // {a}指series.name {b}指series.data的name
79 // {c}指series.data的value {d}%指这一部分占总数的百分比
80 formatter: '{c}'
81 }
82 }
83 }
84 ],
原文链接：https://blog.csdn.net/sleepwalker_1992/article/details/82532210