1、饼状图指示线改变颜色:series.labelLine.lineStyle
series : [
{
name: '默认文字',
type: 'pie',//类型饼状图
hoverAnimation:false,//去掉悬停效果
radius : ['0', '126px'],//半径长度
center: ['50%', '50%'], //圆心位置
labelLine:{
lineStyle:{
color:'#e1e1e1',
}
},
]
2、改变echarts颜色:color
color: ['#5f9dff','#6be1c1','#ffed79','#ee5959','#7d92d4']
3、去掉悬停效果:hoverAnimation:false,
4、radius 半径长度,内半径,外半径,内半径大时为弧形
center 圆心位置,距离top,距离left
radius : ['0', '126px'],
center: ['50%', '50%'],
5、设置提示框大小(首先将默认padding设置为0,默认padding为5)
extraCssText:'width:210px;height:72px;',
6、x,y轴设置
xAxis : [
{
type : 'category',//类目
data : ['个人pc', '未知', '赵雪松'],
axisTick: {
alignWithLabel: true
},
// x轴的字体样式
axisLabel: {
show: true, //控制坐标轴x轴的文字是否显示
textStyle: {
color: '#758697', //x轴上的字体颜色
fontSize:'16' // x轴字体大小
}
},
// x轴网格线
splitLine: {
show: false, // 网格线是否显示
// 改变样式
lineStyle: {
color: '#f5f7fb' // 修改网格线颜色
}
},
// x轴的颜色和宽度
axisLine:{
lineStyle:{
color:'#758697', // x坐标轴的轴线颜色
width:1, //这里是坐标轴的宽度,可以去掉
}
}
}
],
y轴同理,同时type=value时,y轴会根据最大data自动调整,例如data最大是7100,那y轴最大就是8000。
7、legend图例改变形状,使用icon,默认圆角矩形roundRect,可选项有'circle' 椭圆,'rect' 矩形,