Echarts饼状图属性整理

 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

标签：name,center,默认,可选值,设置,Echarts,状图,属性
来源： https://www.cnblogs.com/bxzen/p/15874303.html