echarts仪表盘样式设置

function fillpan(obj){
	var myChart1 = echarts.init($(obj.id)[0]);
	var option = {
		    backgroundColor: "#ffffff",
		    title: {
		        text: obj.text,
		        left:'center', //标题位置
		        bottom:'10%',
		        textStyle:{
		        	color:"#999",
		        	fontSize:18
		        },
		    },
		    color : defaultColor,
		    tooltip:{
	            formatter: obj.data.value
	        },
		    series: [{
		        name: obj.text,
		        type: 'gauge',
		        max:obj.max,
		        min:obj.min,
		        detail: {
		           /* formatter: '{value}',*/
		        	formatter:function(value){
	            			return value  +"\n"+"("+obj.danwei+")";//实际数据显示加单位并且换行
	            	},
		            textStyle: { 
	                    color: 'auto',
	                    fontSize : 19,
	                },
	                offsetCenter:["0","55%"] //实际值位置
		        },
		        axisLine: {            // 坐标轴线
	                show: true,        // 默认显示,属性show控制显示与否
	                lineStyle: {       // 属性lineStyle控制线条样式
	                    /*color: [[0.2, 'lightgreen'],[0.65, 'orange'],[0.8, 'skyblue'],[1, '#ff4500']],*/
	                	color:obj.color,//根据数据分层颜色
	                    width: 22
	                }
	            },
		        pointer: {
		        	width: 5, //指针的宽度
		        	length: "70%", //指针长度,按照半圆半径的百分比
		        },
		        splitLine: { //分割线样式
		        	 length: 20
		        },
		        data: obj.data

		    }]
		};
	myChart1.setOption(option);
	window.addEventListener("resize",function(){
		$("#paitable").datagrid("resize",{
			height:$("#paitable_").height()+"px"
		});
		myChart1.resize();
	});
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值