標題

title: {

text: '學生生源地來源分布圖',

subtext: '模擬數(shù)據(jù)',

// x 設置水平安放位置，默認左對齊，可選值：'center' | 'left' | 'right' | {number}(x坐標，單位px)

x: 'center',

// y 設置垂直安放位置，默認全圖頂端，可選值：'top' | 'bottom' | 'center' | {number}(y坐標，單位px)

y: 'top',

// itemGap設置主副標題縱向間隔，單位px，默認為10，

itemGap: 30,

backgroundColor: '#EEE',

// 主標題文本樣式設置

textStyle: {

fontSize: 26,

fontWeight: 'bolder',

color: '#000080'

},

// 副標題文本樣式設置

subtextStyle: {

fontSize: 18,

color: '#8B2323'

}

},

圖例

legend: {

// orient 設置布局方式，默認水平布局，可選值：'horizontal'(水平) | 'vertical'(垂直)

orient: 'vertical',

// x 設置水平安放位置，默認全圖居中，可選值：'center' | 'left' | 'right' | {number}(x坐標，單位px)

x: 'left',

// y 設置垂直安放位置，默認全圖頂端，可選值：'top' | 'bottom' | 'center' | {number}(y坐標，單位px)

y: 'center',

itemWidth: 24, // 設置圖例圖形的寬

itemHeight: 18, // 設置圖例圖形的高

textStyle: {

color: '#666' // 圖例文字顏色

},

// itemGap設置各個item之間的間隔，單位px，默認為10，橫向布局時為水平間隔，縱向布局時為縱向間隔

itemGap: 30,

backgroundColor: '#eee', // 設置整個圖例區(qū)域背景顏色

data: ['北京','上海','廣州','深圳','鄭州']

},

series: [

{

name: '生源地',

type: 'pie',

// radius: '50%', // 設置餅狀圖大小，100%時，最大直徑=整個圖形的min(寬，高)

radius: ['30%', '60%'], // 設置環(huán)形餅狀圖， 第一個百分數(shù)設置內(nèi)圈大小，第二個百分數(shù)設置外圈大小

center: ['50%', '50%'], // 設置餅狀圖位置，第一個百分數(shù)調(diào)水平位置，第二個百分數(shù)調(diào)垂直位置

data: [

{value:335, name:'北京'},

{value:310, name:'上海'},

{value:234, name:'廣州'},

{value:135, name:'深圳'},

{value:148, name:'鄭州'}

],

// itemStyle 設置餅狀圖扇形區(qū)域樣式

itemStyle: {

// emphasis：英文意思是 強調(diào);著重;(輪廓、圖形等的)鮮明;突出，重讀

// emphasis：設置鼠標放到哪一塊扇形上面的時候，扇形樣式、陰影

emphasis: {

shadowBlur: 10,

shadowOffsetX: 0,

shadowColor: 'rgba(30, 144, 255，0.5)'

}

},

// 設置值域的那指向線

labelLine: {

normal: {

show: false // show設置線是否顯示，默認為true，可選值：true | false

}

},

// 設置值域的標簽

label: {

normal: {

position: 'inner', // 設置標簽位置，默認在餅狀圖外 可選值：'outer' | 'inner(餅狀圖上)'

// formatter: '{a} {b} : {c}個 (ze8trgl8bvbq%)' 設置標簽顯示內(nèi)容 ，默認顯示{b}

// {a}指series.name {b}指series.data的name

// {c}指series.data的value ze8trgl8bvbq%指這一部分占總數(shù)的百分比

formatter: '{c}'

}

}

}

]

總結(jié)

以上是生活随笔為你收集整理的echars水状_Echarts饼状图属性设置的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。