echars水状_Echarts饼状图属性设置
標題
title: {
text: '學(xué)生生源地來源分布圖',
subtext: '模擬數(shù)據(jù)',
// x 設(shè)置水平安放位置，默認左對齊，可選值：'center' | 'left' | 'right' | {number}(x坐標，單位px)
x: 'center',
// y 設(shè)置垂直安放位置，默認全圖頂端，可選值：'top' | 'bottom' | 'center' | {number}(y坐標，單位px)
y: 'top',
// itemGap設(shè)置主副標題縱向間隔，單位px，默認為10，
itemGap: 30,
backgroundColor: '#EEE',
// 主標題文本樣式設(shè)置
textStyle: {
fontSize: 26,
fontWeight: 'bolder',
color: '#000080'
},
// 副標題文本樣式設(shè)置
subtextStyle: {
fontSize: 18,
color: '#8B2323'
}
},
圖例
legend: {
// orient 設(shè)置布局方式，默認水平布局，可選值：'horizontal'(水平) | 'vertical'(垂直)
orient: 'vertical',
// x 設(shè)置水平安放位置，默認全圖居中，可選值：'center' | 'left' | 'right' | {number}(x坐標，單位px)
x: 'left',
// y 設(shè)置垂直安放位置，默認全圖頂端，可選值：'top' | 'bottom' | 'center' | {number}(y坐標，單位px)
y: 'center',
itemWidth: 24, // 設(shè)置圖例圖形的寬
itemHeight: 18, // 設(shè)置圖例圖形的高
textStyle: {
color: '#666' // 圖例文字顏色
},
// itemGap設(shè)置各個item之間的間隔，單位px，默認為10，橫向布局時為水平間隔，縱向布局時為縱向間隔
itemGap: 30,
backgroundColor: '#eee', // 設(shè)置整個圖例區(qū)域背景顏色
data: ['北京','上海','廣州','深圳','鄭州']
},
series: [
{
name: '生源地',
type: 'pie',
// radius: '50%', // 設(shè)置餅狀圖大小，100%時，最大直徑=整個圖形的min(寬，高)
radius: ['30%', '60%'], // 設(shè)置環(huán)形餅狀圖， 第一個百分數(shù)設(shè)置內(nèi)圈大小，第二個百分數(shù)設(shè)置外圈大小
center: ['50%', '50%'], // 設(shè)置餅狀圖位置，第一個百分數(shù)調(diào)水平位置，第二個百分數(shù)調(diào)垂直位置
data: [
{value:335, name:'北京'},
{value:310, name:'上海'},
{value:234, name:'廣州'},
{value:135, name:'深圳'},
{value:148, name:'鄭州'}
],
// itemStyle 設(shè)置餅狀圖扇形區(qū)域樣式
itemStyle: {
// emphasis：英文意思是 強調(diào);著重;(輪廓、圖形等的)鮮明;突出，重讀
// emphasis：設(shè)置鼠標放到哪一塊扇形上面的時候，扇形樣式、陰影
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(30, 144, 255，0.5)'
}
},
// 設(shè)置值域的那指向線
labelLine: {
normal: {
show: false // show設(shè)置線是否顯示，默認為true，可選值：true | false
}
},
// 設(shè)置值域的標簽
label: {
normal: {
position: 'inner', // 設(shè)置標簽位置，默認在餅狀圖外 可選值：'outer' | 'inner(餅狀圖上)'
// formatter: '{a} {b} : {c}個 (ozvdkddzhkzd%)' 設(shè)置標簽顯示內(nèi)容 ，默認顯示{b}
// {a}指series.name {b}指series.data的name
// {c}指series.data的value ozvdkddzhkzd%指這一部分占總數(shù)的百分比
formatter: '{c}'
}
}
}
]
總結(jié)
以上是生活随笔為你收集整理的echars水状_Echarts饼状图属性设置的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 生僻姓（多音字姓）
- 下一篇： java string 字符个数字_ja