echarts图表的内边距_echarts——各个配置项详细说明总结
pie: {
center : ['50%', '50%'], //默認全局居中
radius : [0, '75%'],
clockWise :false, //默認逆時針
startAngle: 90,
minAngle:0, //最小角度改為0
selectedOffset: 10, //選中是扇區偏移量
itemStyle: {
normal: {//color: 各異,
borderColor: '#fff',
borderWidth:1,
label: {
show:true,
position:'outer'
//textStyle: null//默認使用全局文本樣式，詳見TEXTSTYLE
},
labelLine: {
show:true,
length:20,
lineStyle: {//color: 各異,
width: 1,
type:'solid'}
}
},
emphasis: {//color: 各異,
borderColor: 'rgba(0,0,0,0)',
borderWidth:1,
label: {
show:false
//position: 'outer'//textStyle: null//默認使用全局文本樣式，詳見TEXTSTYLE
},
labelLine: {
show:false,
length:20,
lineStyle: {//color: 各異,
width: 1,
type:'solid'}
}
}
}
},
map: {
mapType:'china', //各省的mapType暫時都用中文
mapLocation: {
x :'center',
y :'center'
//width//自適應//height//自適應
},
showLegendSymbol :true, //顯示圖例顏色標識(系列標識的小圓點)，存在legend時生效
itemStyle: {
normal: {//color: 各異,
borderColor: '#fff',
borderWidth:1,
areaStyle: {
color:'#ccc'//rgba(135,206,250,0.8)
},
label: {
show:false,
textStyle: {
color:'rgba(139,69,19,1)'}
}
},
emphasis: {//也是選中樣式//color: 各異,
borderColor: 'rgba(0,0,0,0)',
borderWidth:1,
areaStyle: {
color:'rgba(255,215,0,0.8)'},
label: {
show:false,
textStyle: {
color:'rgba(139,69,19,1)'}
}
}
}
},
force : {//數據map到圓的半徑的最小值和最大值
minRadius : 10,
maxRadius :20,
density :1.0,
attractiveness :1.0,//初始化的隨機大小位置
initSize : 300,//向心力因子，越大向心力越大
centripetal : 1,//冷卻因子
coolDown : 0.99,//分類里如果有樣式會覆蓋節點默認樣式
itemStyle: {
normal: {//color: 各異,
label: {
show:false
//textStyle: null//默認使用全局文本樣式，詳見TEXTSTYLE
},
nodeStyle : {
brushType :'both',
color :'#f08c2e',
strokeColor :'#5182ab'},
linkStyle : {
strokeColor :'#5182ab'}
},
emphasis: {//color: 各異,
label: {
show:false
//textStyle: null//默認使用全局文本樣式，詳見TEXTSTYLE
},
nodeStyle : {},
linkStyle : {}
}
}
},
chord : {
radius : ['65%', '75%'],
center : ['50%', '50%'],
padding :2,
sort :'none', //can be 'none', 'ascending', 'descending'
sortSub : 'none', //can be 'none', 'ascending', 'descending'
startAngle : 90,
clockWise :false,
showScale :false,
showScaleText :false,
itemStyle : {
normal : {
label : {
show :true
//textStyle: null//默認使用全局文本樣式，詳見TEXTSTYLE
},
lineStyle : {
width :0,
color :'#000'},
chordStyle : {
lineStyle : {
width :1,
color :'#666'}
}
},
emphasis : {
lineStyle : {
width :0,
color :'#000'},
chordStyle : {
lineStyle : {
width :2,
color :'#333'}
}
}
}
},
island: {
r:15,
calculateStep:0.1 //滾輪可計算步長 0.1 = 10%
},
markPoint : {
symbol:'pin', //標注類型
symbolSize: 10, //標注大小，半寬(半徑)參數，當圖形為方向或菱形則總寬度為symbolSize * 2//symbolRotate : null,//標注旋轉控制
itemStyle: {
normal: {//color: 各異，//borderColor: 各異,//標注邊線顏色，優先于color
borderWidth: 2, //標注邊線線寬，單位px，默認為1
label: {
show:true,
position:'inside' //可選為'left'|'right'|'top'|'bottom'//textStyle: null//默認使用全局文本樣式，詳見TEXTSTYLE
}
},
emphasis: {//color: 各異
label: {
show:true
//position: 'inside'//'left'|'right'|'top'|'bottom'//textStyle: null//默認使用全局文本樣式，詳見TEXTSTYLE
}
}
}
},
markLine : {//標線起始和結束的symbol介紹類型，如果都一樣，可以直接傳string
symbol: ['circle', 'arrow'],//標線起始和結束的symbol大小，半寬(半徑)參數，當圖形為方向或菱形則總寬度為symbolSize * 2
symbolSize: [2, 4],//標線起始和結束的symbol旋轉控制//symbolRotate : null,
itemStyle: {
normal: {//color: 各異,//標線主色，線色，symbol主色//borderColor: 隨color,//標線symbol邊框顏色，優先于color
borderWidth: 2, //標線symbol邊框線寬，單位px，默認為2
label: {
show:false,//可選為 'start'|'end'|'left'|'right'|'top'|'bottom'
position: 'inside',
textStyle: {//默認使用全局文本樣式，詳見TEXTSTYLE
color: '#333'}
},
lineStyle: {//color: 隨borderColor,//主色，線色，優先級高于borderColor和color//width: 隨borderWidth,//優先于borderWidth
type: 'solid',
shadowColor :'rgba(0,0,0,0)', //默認透明
shadowBlur: 5,
shadowOffsetX:3,
shadowOffsetY:3}
},
emphasis: {//color: 各異
label: {
show:false
//position: 'inside'//'left'|'right'|'top'|'bottom'//textStyle: null//默認使用全局文本樣式，詳見TEXTSTYLE
},
lineStyle : {}
}
}
},
textStyle: {
decoration:'none',
fontFamily:'Arial, Verdana, sans-serif',
fontFamily2:'微軟雅黑', //IE8- 字體模糊并且不支持不同字體混排，額外指定一份
fontSize: 12,
fontStyle:'normal',
fontWeight:'normal'},
總結
以上是生活随笔為你收集整理的echarts图表的内边距_echarts——各个配置项详细说明总结的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： python中da_Python中字符的
- 下一篇： 工业机器人调运角度_工业机器人如何精准选