南宁网站建设速成培训,做网站业务的怎么寻找客户,策划公司排名前十名,宁波网站推广运营公司option {series: [{type: gauge,min: 0,//最大值max: 100, //最小值startAngle: 200,//仪表盘起始角度。圆心 正右手侧为0度#xff0c;正上方为90度#xff0c;正左手侧为180度。endAngle: -20,//仪表盘结束角度splitNumber: 100, //仪表盘刻度的分割段数itemStyle: {color…
option {series: [{type: gauge,min: 0,//最大值max: 100, //最小值startAngle: 200,//仪表盘起始角度。圆心 正右手侧为0度正上方为90度正左手侧为180度。endAngle: -20,//仪表盘结束角度splitNumber: 100, //仪表盘刻度的分割段数itemStyle: {color: #58D9F9, //颜色shadowColor: rgba(0,138,255,0.45),//阴影颜色shadowBlur: 10,//图形阴影的模糊大小shadowOffsetX: 2,//阴影水平方向上的偏移距离shadowOffsetY: 2,//阴影垂直方向上的偏移距离},progress: {show: true, //是否显示进度条roundCap: true,//是否在两端显示成圆形width: 18,//进度条宽度},pointer: {show:false,//是否显示指针},axisLine: {show:true, //是否显示仪表盘轴线roundCap: true, //是否在两端显示成圆形lineStyle: {width: 18,//轴线宽度}},axisTick: {show:false,//是否显示刻度},splitLine: {show:false,//是否显示分隔线},axisLabel: {show:false,//是否显示标签},title: {show: false,//是否显示标题},detail: {show:true,//是否显示详情valueAnimation: true,//是否开启标签的数字动画width: 60%,//详情宽度lineHeight: 40,//行高borderRadius: 8, //文字块的圆角offsetCenter: [0, -5%],//相对于仪表盘中心的偏移位置数组第一项是水平方向的偏移第二项是垂直方向的偏移。可以是绝对的数值也可以是相对于仪表盘半径的百分比fontSize: 60,//文字的字体大小fontWeight: bolder,//文字字体的粗细formatter: {value}/100,//格式化函数或者字符串color: auto,//文本颜色},data: [{value: 80}]}]
};将精度条设为渐变色中间富文本修改样式只需要修改进度条progress、详情detail progress: {show: true, //是否显示进度条roundCap: true,//是否在两端显示成圆形width: 18,//进度条宽度itemStyle: {color: {type: linear,x: 0,y: 0,x2: 0,y2: 1,colorStops: [{offset: 0, color: #4A9FFA // 0% 处的颜色}, {offset: 1, color: #47D6DE // 100% 处的颜色}],global: false // 缺省为 false}}},detail: {show: true,//是否显示详情valueAnimation: true,//是否开启标签的数字动画width: 60%,//详情宽度lineHeight: 40,//行高borderRadius: 8, //文字块的圆角offsetCenter: [0, -10%],//相对于仪表盘中心的偏移位置数组第一项是水平方向的偏移第二项是垂直方向的偏移。可以是绝对的数值也可以是相对于仪表盘半径的百分比fontSize: 60,//文字的字体大小fontWeight: bolder,//文字字体的粗细formatter: {a|{value}}{b|/100},//格式化函数或者字符串color: auto,//文本颜色rich: {a: {align: center,color: #3396FE,fontSize: 50,fontWeight: normal,//文字字体的粗细borderRadius: 8, //文字块的圆角lineHeight: 40,//行高},b: {align: center,color: #67788A,fontSize: 20,fontWeight: bolder,//文字字体的粗细borderRadius: 8, //文字块的圆角lineHeight: 40,//行高},}},
